html{--bg:#fff;--canvas:#fff;--ink:#0a0a0a;--line:#e5e5e5;--surface:#f5f5f5;--muted:#737373;--orange:#f60;--orange-press:#e55b00;--blue:#004b93;--success:#00a63e;--text-on-brand:#fff}html[data-theme-dark]{--bg:#1e1924;--canvas:#15111a;--ink:#f0ebf2;--surface:#272130;--line:#ffffff1a;--muted:#c2b8c9;--orange:#f0ebf2;--orange-press:#d9d2dd;--text-on-brand:#15111a}body{background:var(--canvas);color:var(--ink);margin:0;font-family:Be Vietnam Pro,system-ui,sans-serif}main.svelte-1uha8ag{max-width:900px;margin:0 auto;padding:48px 24px}h1.svelte-1uha8ag{margin:0 0 4px;font-size:22px}.lede.svelte-1uha8ag{color:var(--muted);margin:0 0 24px;font-size:14px}code.svelte-1uha8ag{font-family:ui-monospace,monospace;font-size:13px}.controls.svelte-1uha8ag{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.controls.svelte-1uha8ag button:where(.svelte-1uha8ag){font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;border-radius:8px;padding:7px 12px;font-size:13px}.controls.svelte-1uha8ag button:where(.svelte-1uha8ag):hover:not(:disabled){background:var(--surface)}.controls.svelte-1uha8ag button:where(.svelte-1uha8ag):disabled{opacity:.45;cursor:default}.slot.svelte-1uha8ag{width:min(420px,100%);height:0}.slot.filled.svelte-1uha8ag{height:480px}