:root{--bg:#0d0e11;--bg-2:#16181d;--bg-3:#1f222a;--fg:#f2f3f5;--muted:#9aa0ab;--line:#2b2f38;--accent:#ffd60a;--accent-fg:#111;--accent-edge:#ffd60a;--accent-tint:#2a250a;--warn:#ffb020;--danger:#ff5c5c;--radius:10px;--mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--display:"bw-bebas-neue", Impact, "Arial Narrow", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--bg:#fafaf7;--bg-2:#fff;--bg-3:#f0f0ea;--fg:#15161a;--muted:#5d636e;--line:#dcdcd4;--accent:#ffd60a;--accent-fg:#111;--accent-edge:#8a6100;--accent-tint:#fff4c2;--warn:#a35f00;--danger:#c62828;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}body.page-site{background:var(--bg);color:var(--fg);font:16px/1.55 var(--sans);accent-color:var(--accent);-webkit-font-smoothing:antialiased}.page-site :where(a){color:inherit}.page-site code,.page-site pre{font-family:var(--mono);font-size:.9em}.page-site :not(pre)>code{background:var(--bg-3);overflow-wrap:anywhere;border-radius:5px;padding:.1em .35em}.site-header{border-bottom:1px solid var(--line);background:var(--bg);justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.wordmark{font-family:var(--display);letter-spacing:.02em;align-items:baseline;font-size:30px;line-height:1;text-decoration:none;display:inline-flex}.wordmark .dot{background:var(--accent);width:.2em;height:.2em;box-shadow:inset 0 0 0 1px var(--accent-edge);margin:0 .07em;display:inline-block}.site-nav{flex-wrap:wrap;gap:4px;display:flex}.site-nav a{color:var(--muted);border-radius:999px;padding:6px 12px;font-weight:500;text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--fg);background:var(--bg-3)}.btn{border:1px solid var(--line);background:var(--bg-2);color:var(--fg);font:inherit;cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--muted)}.btn-primary{background:var(--accent);border-color:var(--accent-edge);color:var(--accent-fg)}.btn-primary:hover{filter:brightness(1.05);border-color:var(--accent-edge)}.btn-sm{padding:4px 10px;font-size:13px}.home{max-width:1080px;margin:0 auto;padding:40px 20px 64px}.hero{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:40px;display:grid}.hero h1{font-family:var(--display);letter-spacing:.01em;margin:0 0 16px;font-size:clamp(48px,8vw,92px);font-weight:400;line-height:.95}.hero p.lede{color:var(--muted);max-width:34em;margin:0 0 24px;font-size:18px}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.demo{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-2);overflow:hidden;box-shadow:0 20px 60px #00000059}.demo-frame{aspect-ratio:16/9;position:relative;overflow:hidden}.demo-frame>.bw-stage{position:absolute;top:0;bottom:0;left:0;right:0}.demo-url{border-top:1px solid var(--line);font-family:var(--mono);color:var(--muted);overflow-wrap:anywhere;padding:10px 14px;font-size:12.5px}.demo-url a{text-decoration:none}.demo-url a:hover{text-decoration:underline}.section{margin-top:64px}.section h2{font-family:var(--display);letter-spacing:.01em;margin:0 0 8px;font-size:40px;font-weight:400;line-height:1}.section>p{color:var(--muted);max-width:44em;margin:0 0 24px}.steps{counter-reset:step;gap:12px;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:36px minmax(0,1fr);align-items:start;gap:14px;padding:14px 16px;display:grid}.steps li:before{content:counter(step);width:36px;height:36px;font-family:var(--display);background:var(--accent);color:var(--accent-fg);border:1.5px solid var(--accent-edge);border-radius:8px;place-items:center;padding-top:4px;font-size:26px;line-height:1;display:grid}.steps p{margin:0 0 6px}.steps a.url{font-family:var(--mono);overflow-wrap:anywhere;font-size:13.5px}.examples{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.example{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.example .thumb{aspect-ratio:16/9;pointer-events:none;position:relative}.example .thumb>.bw-stage{position:absolute;top:0;bottom:0;left:0;right:0}.example .meta{flex-direction:column;gap:4px;padding:10px 12px 12px;display:flex}.example .meta strong{font-size:15px}.example .meta code{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;display:-webkit-box;overflow:hidden;background:0 0!important;padding:0!important}.example:hover{border-color:var(--muted)}.example-actions{gap:8px;padding:0 12px 12px;display:flex}.more-examples{margin-top:16px}.more-examples>summary{width:-moz-fit-content;width:fit-content;margin:0 auto;list-style:none;display:flex}.more-examples>summary::-webkit-details-marker{display:none}.more-examples[open]>summary{margin-bottom:16px}.more-examples[open] .when-closed,.more-examples:not([open]) .when-open{display:none}.features{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.feature{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.feature strong{margin-bottom:4px;display:block}.feature span{color:var(--muted);font-size:14.5px}.site-footer{border-top:1px solid var(--line);color:var(--muted);text-align:center;padding:24px 20px 40px;font-size:14px}.site-footer p{margin:4px 0}@media (max-width:800px){.hero{grid-template-columns:minmax(0,1fr);gap:28px}.home{padding-top:28px}}@media (max-width:540px){.examples{grid-template-columns:minmax(0,75%);justify-content:center}}.docs{max-width:860px;margin:0 auto;padding:32px 20px 80px}.docs h1{font-family:var(--display);margin:8px 0 16px;font-size:56px;font-weight:400;line-height:1}.docs h2{border-top:1px solid var(--line);margin-top:48px;padding-top:8px}.docs h3{margin-top:32px}.docs h1,.docs h2,.docs h3{scroll-margin-top:16px;position:relative}.docs .anchor{opacity:0;width:1em;color:var(--muted);font-weight:400;text-decoration:none;position:absolute;left:-1em}.docs h1 .anchor{display:none}.docs :-webkit-any(h2,h3):hover .anchor{opacity:1}.docs :is(h2,h3):hover .anchor{opacity:1}.docs pre{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);white-space:pre;padding:12px 14px;overflow-x:auto}.docs .bx{width:calc(var(--n) * 1ch);vertical-align:top;color:#0000;height:1lh;display:inline-block;position:relative;overflow:hidden}.docs .bx:before{content:"";border:0 solid var(--fg);border-bottom-width:max(1px,.08em);height:50%;position:absolute;top:0;left:0;right:0}.docs .bx-l:before{border-left-width:max(1px,.08em);left:.1ch}.docs .bx-r:before{border-right-width:max(1px,.08em);right:.1ch}.docs .table-wrap{border:1px solid var(--line);border-radius:var(--radius);margin:16px 0;overflow-x:auto}.docs table{border-collapse:collapse;width:100%;font-size:14.5px}.docs th,.docs td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:8px 12px}.docs tr:last-child td{border-bottom:none}.docs th{background:var(--bg-3);white-space:nowrap}.docs blockquote{background:var(--accent-tint);border:1.5px solid var(--accent-edge);border-radius:var(--radius);margin:16px 0;padding:8px 16px}.docs a{color:var(--fg);-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted);text-underline-offset:2px;overflow-wrap:anywhere}.toast{background:var(--fg);color:var(--bg);opacity:0;pointer-events:none;z-index:100;border-radius:999px;padding:10px 18px;font-weight:600;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}.docs td:first-child code{white-space:nowrap;overflow-wrap:normal}.anim-gallery{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin:16px 0 24px;display:grid}.anim-tile{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.anim-tile:hover{border-color:var(--muted)}.anim-tile:focus-visible{border-color:var(--muted)}.anim-tile .thumb{aspect-ratio:16/9;pointer-events:none;position:relative}.anim-tile .thumb>.bw-stage{position:absolute;top:0;bottom:0;left:0;right:0}.anim-tile .meta{justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.anim-tile .play-hint{color:var(--muted);font-size:12px;display:none}.anim-tile.still .play-hint{display:inline}.page-site :focus-visible{outline:2px solid var(--accent-edge);outline-offset:2px}.page-site ::selection{background:var(--accent);color:var(--accent-fg)}.noscript-note{box-sizing:border-box;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-2);width:calc(100% - 40px);max-width:1040px;margin:16px auto 0;padding:12px 16px}.pick{max-width:1080px;margin:0 auto;padding:36px 20px 32px}.pick h1{font-family:var(--display);letter-spacing:.01em;margin:0 0 12px;font-size:clamp(44px,7vw,76px);font-weight:400;line-height:.95}.pick-roles{gap:8px;margin:0 0 16px;display:flex}.pick-roles a{border:1px solid var(--line);background:var(--bg-2);min-height:40px;color:var(--fg);border-radius:999px;align-items:center;padding:6px 14px;font-weight:700;text-decoration:none;display:inline-flex}.effect-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;display:grid}.pick-version{z-index:4;color:var(--muted);text-align:center;background:linear-gradient(transparent, var(--bg) 45%);pointer-events:none;margin:24px 0 -32px;padding:14px 0 10px;font-size:13px;position:sticky;bottom:0}.effect-card{color:inherit;flex-direction:column;gap:8px;text-decoration:none;display:flex}.effect-thumb{aspect-ratio:16/10;border:1px solid var(--line);background:var(--bg-2);border-radius:12px;position:relative;overflow:hidden;box-shadow:0 10px 28px #0000001f}.effect-thumb>div,.effect-thumb>.bw-stage{position:absolute;top:0;bottom:0;left:0;right:0}.effect-card:hover .effect-thumb{outline:2px solid var(--accent-edge);outline-offset:2px}.effect-card:focus-visible .effect-thumb{outline:2px solid var(--accent-edge);outline-offset:2px}body.page-pick{padding-bottom:env(safe-area-inset-bottom)}body.page-pick .site-header{z-index:5;padding-top:calc(14px + env(safe-area-inset-top));position:sticky;top:0}.apk-dialog{border:1px solid var(--line);background:var(--bg-2);width:min(320px,100vw - 32px);color:var(--fg);text-align:center;border-radius:16px;padding:20px 18px 18px}.apk-dialog::backdrop{background:#00000073}.apk-title{margin:0 0 14px;font-size:17px;display:block}.apk-qr{justify-content:center;margin-bottom:12px;display:flex}.apk-qr svg{border-radius:8px;width:208px;height:auto;display:block}.apk-hint{color:var(--muted);margin:0 0 16px}.apk-actions{gap:8px;display:flex}.apk-actions .btn{flex:1;min-height:44px}body.page-studio{height:100vh;height:100dvh;overflow:hidden}.page-studio #app{height:100%;min-height:0;padding-top:env(safe-area-inset-top);flex-direction:column;display:flex}.studio-bar{border-bottom:1px solid var(--line);flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.studio-bar a{min-height:44px;color:var(--muted);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.studio-bar .btn{min-height:44px;padding:8px 16px}.studio-bar .btn:disabled{opacity:.45;cursor:not-allowed}.studio-bar strong{font-size:16px}.studio-actions{align-items:center;gap:8px;display:flex}.studio{flex-direction:column;flex:auto;gap:8px;min-height:0;padding:8px 12px 0;display:flex}.studio-stage{flex-direction:column;flex:auto;min-height:0;display:flex}.studio-screen{border:1px solid var(--line);cursor:ns-resize;touch-action:none;border-radius:14px;flex:auto;min-height:120px;position:relative;overflow:hidden}.studio-screen:focus-visible{outline:2px solid var(--accent-edge);outline-offset:2px}.studio-screen>.bw-stage{position:absolute;top:0;bottom:0;left:0;right:0}.studio-screen.is-empty{opacity:.45}.studio-screen.is-land{width:100%;height:auto;min-height:0;max-height:100%;aspect-ratio:var(--preview-ratio,2);flex:none}.studio-compose{flex-direction:column;flex:none;gap:8px;display:flex}.studio-hint{padding:8px 12px calc(10px + env(safe-area-inset-bottom));color:var(--muted);margin:0;font-size:13px}.studio-tools{justify-content:space-between;align-items:center;gap:8px;display:flex}.orient-toggle{align-items:center;gap:6px;display:none}@media (max-width:720px),(pointer:coarse){.orient-toggle{display:flex}.orient-toggle .btn{min-height:32px;padding:4px 12px;font-size:13px}.orient-toggle .btn[aria-pressed=true]{background:var(--fg);border-color:var(--fg);color:var(--bg)}}.studio-compose label{font-size:13px;font-weight:700}.studio-compose textarea{box-sizing:border-box;resize:none;border:1px solid var(--line);background:var(--bg-2);width:100%;min-height:52px;max-height:96px;color:var(--fg);font:16px/1.4 var(--sans);border-radius:12px;padding:12px 14px}.studio-compose textarea:focus{outline:2px solid var(--accent-edge);border-color:#0000}.studio-colors{align-items:center;gap:8px;display:flex}.color-field{border:1px solid var(--line);cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:50%;width:36px;height:36px;margin:0;padding:0;display:block}.color-field:focus-visible{outline:2px solid var(--accent-edge);outline-offset:2px}.color-dialog{border:1px solid var(--line);background:var(--bg-2);width:min(280px,100vw - 32px);color:var(--fg);border-radius:16px;padding:18px}.color-dialog::backdrop{background:#00000073}.color-dialog h2{margin:0 0 12px;font-size:18px;line-height:1.3}.color-dialog form{flex-direction:column;gap:12px;display:flex}.color-dialog input[type=color]{cursor:pointer;background:0 0;border:none;width:100%;height:72px;padding:0}.color-dialog .btn{min-height:44px}.color-dialog input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-dialog input[type=color]::-webkit-color-swatch{border:none;border-radius:12px}.color-dialog input[type=color]::-moz-color-swatch{border:none;border-radius:12px}body.studio-typing.page-studio #app{left:0;right:0;top:var(--studio-vv-top,0);height:var(--studio-vv-h,100dvh);position:fixed}body.studio-typing .studio-hint,body.studio-typing .studio-tools{display:none}body.studio-typing .studio-bar{padding-top:4px;padding-bottom:4px}body.studio-typing .studio{padding-top:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom));gap:6px}body.studio-typing .studio-text-label{display:none}body.studio-typing .studio-stage{flex:none}body.studio-typing .studio-screen{aspect-ratio:auto;flex:none;height:64px;min-height:56px;max-height:72px}@media (min-width:900px){.studio{grid-template-columns:minmax(0,1fr) 400px;gap:16px;padding:16px 20px 0;display:grid}.studio-screen{min-height:280px}.studio-compose{justify-content:flex-end}.studio-hint{padding:8px 20px 16px}}.studio-missing{max-width:36em;margin:15vh auto;padding:0 20px}.studio-missing h1{font-family:var(--display);margin:0 0 8px;font-size:56px;font-weight:400;line-height:1}.play-tip{border:1px solid var(--line);background:var(--bg-2);width:min(360px,100vw - 32px);color:var(--fg);border-radius:16px;padding:20px 18px 18px}.play-tip::backdrop{background:#00000073}.play-tip ol{flex-direction:column;gap:8px;margin:0 0 14px;padding-left:1.3em;display:flex}.play-tip-skip{align-items:center;gap:10px;min-height:44px;margin:0 0 10px;font-weight:600;display:flex}.play-tip-skip input{width:20px;height:20px;margin:0}.play-tip .btn{width:100%;min-height:44px}.done-dialog{border:1px solid var(--line);background:var(--bg-2);color:var(--fg);border-radius:16px;max-width:min(440px,100vw - 32px);padding:22px}.done-dialog::backdrop{background:#00000073}.done-dialog h2{font-family:var(--display);margin:0 0 8px;font-size:40px;font-weight:400;line-height:1}.done-dialog p{color:var(--muted);margin:0 0 16px}.done-actions{flex-wrap:wrap;gap:8px;display:flex}.done-actions .btn{min-height:44px}@media (max-width:720px){.pick{padding:20px 16px calc(28px + env(safe-area-inset-bottom))}.pick h1{font-size:40px}body.page-pick .site-nav a{align-items:center;min-height:44px;display:inline-flex}.effect-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.done-dialog{width:calc(100vw - 32px)}.done-actions{flex-direction:column}.done-actions .btn{width:100%}}body.page-player,body.page-control{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.player-screen,.control-screen{flex-direction:column;gap:14px;max-width:560px;margin:0 auto;padding:20px 16px 32px;display:flex}.player-lead{color:var(--muted);margin:0;line-height:1.5}.player-qr{background:#fff;border-radius:12px;align-self:center;width:min(280px,80vw);padding:12px}.player-qr svg{width:100%;height:auto;display:block}.player-id{text-align:center;letter-spacing:.08em;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:20px}.player-status{text-align:center;margin:0;font-weight:700}.player-number{text-align:center;font-family:var(--display);letter-spacing:.02em;margin:0;font-size:34px;line-height:1.1}.player-wall{text-align:center;color:var(--accent);margin:0;font-weight:700;line-height:1.4}.control-scan{background:#000;border-radius:12px;overflow:hidden}.control-scan video{object-fit:cover;width:100%;max-height:280px;display:block}.control-add{gap:8px;display:flex}.control-add input{border:1px solid var(--line);background:var(--bg-2);min-width:0;min-height:44px;color:var(--fg);font:inherit;border-radius:10px;flex:auto;padding:8px 12px}.control-list{flex-direction:column;gap:8px;display:flex}.control-empty{color:var(--muted);margin:0}.control-row,.send-player{justify-content:space-between;align-items:center;gap:8px;min-height:44px;display:flex}.control-row label,.send-player{align-items:center;gap:10px;font-weight:700;display:flex}.control-row input,.send-player input{width:20px;height:20px;margin:0}.control-slot{background:var(--accent);min-width:28px;height:28px;color:var(--accent-fg);font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-weight:700;display:inline-flex}.control-move{align-items:center;gap:6px;display:flex}.control-move .btn{min-height:36px;padding:4px 10px}.send-dialog{border:1px solid var(--line);background:var(--bg-2);width:min(360px,100vw - 32px);color:var(--fg);border-radius:16px;padding:20px 18px 18px}.send-dialog::backdrop{background:#00000073}.send-dialog h2{margin:0 0 8px;font-size:20px}.send-dialog p{margin:0 0 14px;line-height:1.5}.send-list{flex-direction:column;gap:4px;margin:0 0 12px;display:flex}.send-wall{align-items:center;gap:10px;min-height:44px;font-weight:700;display:flex}.send-wall input{width:20px;height:20px;margin:0}.send-wall-off{opacity:.5}.send-dialog .btn{width:100%;min-height:44px;margin-top:8px}