.demo[data-astro-cid-trxcs2lc]{gap:16px;display:grid}.stage[data-astro-cid-trxcs2lc]{border-radius:var(--radius-lg);background:var(--surface);border:1px dashed var(--border-strong);cursor:pointer;place-items:center;min-height:clamp(280px,50vw,560px);transition:border-color .2s;display:grid;position:relative;overflow:hidden}.stage[data-astro-cid-trxcs2lc]:hover,.stage[data-astro-cid-trxcs2lc][data-drag],.stage[data-astro-cid-trxcs2lc]:has(input:focus-visible){border-color:var(--accent)}.stage[data-astro-cid-trxcs2lc]:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.stage[data-astro-cid-trxcs2lc] canvas[data-astro-cid-trxcs2lc]{image-rendering:auto;width:auto;max-width:100%;height:auto;max-height:80vh;display:none}.stage[data-astro-cid-trxcs2lc][data-state=loaded]{border-style:solid;border-color:var(--border);background:#000}.stage[data-astro-cid-trxcs2lc][data-state=loaded] canvas[data-astro-cid-trxcs2lc]{display:block}.stage[data-astro-cid-trxcs2lc][data-state=loaded] .empty[data-astro-cid-trxcs2lc]{display:none}.empty[data-astro-cid-trxcs2lc]{color:var(--muted);text-align:center;justify-items:center;gap:4px;padding:32px;display:grid}.empty[data-astro-cid-trxcs2lc] svg[data-astro-cid-trxcs2lc]{color:var(--accent);margin-bottom:8px}.empty[data-astro-cid-trxcs2lc] strong[data-astro-cid-trxcs2lc]{color:var(--text);font-size:1.125rem}form[data-astro-cid-trxcs2lc]{grid-template-columns:1fr;gap:8px;display:grid}@media (width>=720px){form[data-astro-cid-trxcs2lc]{grid-template-columns:auto 1.4fr 1fr auto}.demo[data-astro-cid-trxcs2lc]:has(input[value=unlock]:checked) form[data-astro-cid-trxcs2lc]{grid-template-columns:auto 1fr auto}}.demo[data-astro-cid-trxcs2lc]:has(input[value=unlock]:checked) .message[data-astro-cid-trxcs2lc]{display:none}.segmented[data-astro-cid-trxcs2lc]{border:1px solid var(--border);background:var(--surface);border-radius:999px;margin:0;padding:4px;display:flex}.segmented[data-astro-cid-trxcs2lc] label[data-astro-cid-trxcs2lc]{text-align:center;color:var(--muted);cursor:pointer;border-radius:999px;flex:1;padding:10px 18px;font-weight:500}.segmented[data-astro-cid-trxcs2lc] input[data-astro-cid-trxcs2lc]{opacity:0;pointer-events:none;position:absolute}.segmented[data-astro-cid-trxcs2lc] label[data-astro-cid-trxcs2lc]:has(:checked){background:var(--surface-high);color:var(--text)}.segmented[data-astro-cid-trxcs2lc] label[data-astro-cid-trxcs2lc]:has(:focus-visible){outline:2px solid var(--accent)}.field[data-astro-cid-trxcs2lc] input[data-astro-cid-trxcs2lc]{border:1px solid var(--border);background:var(--surface);width:100%;height:100%;min-height:48px;color:var(--text);font:inherit;border-radius:999px;padding:0 20px}.field[data-astro-cid-trxcs2lc] input[data-astro-cid-trxcs2lc]:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.status[data-astro-cid-trxcs2lc]{min-height:1.5em;color:var(--muted);text-wrap:pretty;margin:0}.status[data-astro-cid-trxcs2lc].error{color:var(--danger)}.actions[data-astro-cid-trxcs2lc]{flex-wrap:wrap;gap:8px;display:flex}.actions[data-astro-cid-trxcs2lc] [data-astro-cid-trxcs2lc][hidden]{display:none}.fineprint[data-astro-cid-trxcs2lc]{color:var(--muted);margin:0;font-size:.875rem}.showcase[data-astro-cid-trxcs2lc] .stage[data-astro-cid-trxcs2lc]{cursor:default;min-height:0}.showcase[data-astro-cid-trxcs2lc] .stage[data-astro-cid-trxcs2lc] canvas[data-astro-cid-trxcs2lc]{width:100%;max-height:none}.app[data-astro-cid-trxcs2lc]{grid-template-rows:minmax(0,1fr) auto auto auto;align-content:stretch;height:100%}.app[data-astro-cid-trxcs2lc] .stage[data-astro-cid-trxcs2lc]{min-height:0}.app[data-astro-cid-trxcs2lc] .stage[data-astro-cid-trxcs2lc][data-state=loaded] canvas[data-astro-cid-trxcs2lc]{object-fit:contain;width:100%;height:100%;max-height:none;position:absolute;inset:0}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/space-grotesk-vietnamese-400-normal.B7xT_GF5.woff2)format("woff2"),url(/_astro/space-grotesk-vietnamese-400-normal.BIWiOVfw.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/space-grotesk-latin-ext-400-normal.CfP_5XZW.woff2)format("woff2"),url(/_astro/space-grotesk-latin-ext-400-normal.DRPE3kg4.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/space-grotesk-latin-400-normal.CJ-V5oYT.woff2)format("woff2"),url(/_astro/space-grotesk-latin-400-normal.BnQMeOim.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/space-grotesk-vietnamese-500-normal.BmEvtly_.woff2)format("woff2"),url(/_astro/space-grotesk-vietnamese-500-normal.BTqKIpxg.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/space-grotesk-latin-ext-500-normal.DUe3BAxM.woff2)format("woff2"),url(/_astro/space-grotesk-latin-ext-500-normal.3dgZTiw9.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/space-grotesk-latin-500-normal.lFbtlQH6.woff2)format("woff2"),url(/_astro/space-grotesk-latin-500-normal.CNSSEhBt.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/space-grotesk-vietnamese-700-normal.DMty7AZE.woff2)format("woff2"),url(/_astro/space-grotesk-vietnamese-700-normal.Duxec5Rn.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/space-grotesk-latin-ext-700-normal.BQnZhY3m.woff2)format("woff2"),url(/_astro/space-grotesk-latin-ext-700-normal.HVCqSBdx.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/space-grotesk-latin-700-normal.RjhwGPKo.woff2)format("woff2"),url(/_astro/space-grotesk-latin-700-normal.CwsQ-cCU.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--bg:#0a0a0c;--surface:#16161a;--surface-high:#212127;--border:#ffffff14;--border-strong:#ffffff2e;--text:#f4f4f6;--muted:#8b8b96;--accent:#d7ff3f;--on-accent:#0a0a0c;--danger:#ff6b6b;--radius-md:16px;--radius-lg:24px;--gutter:clamp(16px, 5vw, 32px);--max:1080px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Space Grotesk,system-ui,sans-serif;font-size:1.0625rem;line-height:1.55}h1,h2,h3{letter-spacing:-.02em;text-wrap:balance;margin:0;line-height:1.1}p{text-wrap:pretty}a{color:var(--accent)}code{background:var(--surface-high);border-radius:6px;padding:.1em .35em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.9em}.wrap{width:min(100% - 2 * var(--gutter), var(--max));margin-inline:auto}.mark{letter-spacing:-.05em;color:var(--text);font-size:1.75rem;font-weight:700;text-decoration:none}.mark span{color:var(--accent)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.button{border:1px solid var(--border);background:var(--surface-high);min-height:48px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-weight:700;text-decoration:none;transition:transform .15s,opacity .15s;display:inline-flex}.button:active{transform:scale(.98)}.button:disabled{opacity:.4;cursor:not-allowed}.button:focus-visible,.link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.link{color:var(--accent);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}