: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}.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}}.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)}