.fantom[data-v-89c335b6] canvas{border:1px solid var(--border);cursor:pointer;width:100%;image-rendering:pixelated;border-radius:12px}.howto[data-v-0da5ec10]{align-items:stretch;line-height:1.6}.howto h2[data-v-0da5ec10]{text-align:center}.howto p[data-v-0da5ec10],.howto ul[data-v-0da5ec10]{margin:0}pre[data-v-0da5ec10]{color:#f3f1f8;background:#0e0d14;border-radius:8px;margin:0;padding:16px 20px;font-size:.9rem;line-height:1.5;overflow-x:auto}p code[data-v-0da5ec10],li code[data-v-0da5ec10]{background:var(--bg);border-radius:4px;padding:1px 6px}.controls[data-v-cdc920b4]{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:16px;margin-top:8px;display:flex}.field[data-v-cdc920b4]{color:var(--muted);flex-direction:column;gap:6px;font-size:.85rem;display:flex}.field input[data-v-cdc920b4],.field select[data-v-cdc920b4]{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 10px}.toggle[data-v-cdc920b4]{font:inherit;color:var(--accent-fg);background:var(--accent);cursor:pointer;border:none;border-radius:8px;padding:9px 18px;font-weight:600}.demo[data-v-0172f5f2]{max-width:760px;margin:0 auto;padding:48px 24px 96px}header[data-v-0172f5f2]{text-align:center;flex-direction:column;align-items:center;margin-bottom:56px;display:flex}.logo[data-v-0172f5f2]{width:clamp(72px,14vw,104px);height:auto;margin-bottom:20px;display:block}h1[data-v-0172f5f2]{letter-spacing:-.04em;flex-direction:column;margin:0 0 16px;font-size:clamp(2.75rem,9vw,4.75rem);line-height:.95;display:flex}.accent[data-v-0172f5f2]{color:var(--accent)}header p[data-v-0172f5f2]{max-width:540px;color:var(--muted);margin:0 auto;line-height:1.55}header .cta[data-v-0172f5f2]{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:24px;display:flex}.cta-button[data-v-0172f5f2]{color:var(--accent-fg);background:var(--accent);border-radius:999px;padding:9px 20px;font-weight:600;text-decoration:none;transition:transform .15s}.cta-button[data-v-0172f5f2]:hover{transform:translateY(-1px)}.footer[data-v-0172f5f2]{color:var(--muted);text-align:center;border-top:1px solid var(--border);margin-top:64px;padding-top:24px;font-size:.875rem}@media (width<=640px){.demo[data-v-0172f5f2]{padding:32px 16px 64px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f4f3f8;--fg:#16151d;--muted:#66637a;--card:#fff;--border:#e2dfec;--accent:#6b4de6;--accent-fg:#fff;font-family:system-ui,-apple-system,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0e0d14;--fg:#f3f1f8;--muted:#a7a4b8;--card:#17161f;--border:#2a2838;--accent:#9b7bff;--accent-fg:#0e0d14}}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--fg);accent-color:var(--accent);margin:0}section{flex-direction:column;align-items:center;gap:16px;margin:56px 0;display:flex}h2{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.95rem;font-weight:600}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:28px}.stage{width:100%;max-width:640px}.note{max-width:480px;color:var(--muted);text-align:center;margin:0;font-size:.9rem;line-height:1.5}.link{color:var(--fg);border-bottom:1px solid var(--border);font-weight:600;text-decoration:none;transition:border-color .15s}.link:hover{border-bottom-color:var(--fg)}code{font-family:SF Mono,Menlo,Consolas,monospace;font-size:.92em}@media (width<=640px){.card{padding:20px 16px}}