.demo-hero.svelte-199r4fs{max-width:720px;padding:64px 0 48px}.demo-hero.svelte-199r4fs h1:where(.svelte-199r4fs){margin-bottom:16px}.demo-sub.svelte-199r4fs{color:var(--text-2);font-size:1.0625rem;line-height:1.65}.stack-toggle.svelte-199r4fs{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;gap:4px;margin-bottom:24px;padding:5px;display:inline-flex}.stack-toggle.svelte-199r4fs .btn{min-height:36px;color:var(--text-2);box-shadow:none;background:0 0;border:1px solid #0000;padding:0 16px;font-size:.875rem}.stack-toggle.svelte-199r4fs .btn.active,.stack-toggle.svelte-199r4fs .btn:hover{background:var(--surface);border-color:var(--border);color:var(--text);transform:none;box-shadow:0 1px 2px #0000000a,0 4px 12px #0000000a}.stack-toggle.svelte-199r4fs .btn.active{color:var(--accent-text);border-color:color-mix(in srgb, var(--accent) 28%, var(--border))}.code-panel.svelte-199r4fs{margin-bottom:36px;overflow:hidden}.code-chrome.svelte-199r4fs{background:var(--surface-2);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:12px 16px;display:flex}.cc-dot.svelte-199r4fs{border-radius:50%;width:10px;height:10px}.cc-dot.r.svelte-199r4fs{background:#ff5f57}.cc-dot.y.svelte-199r4fs{background:#febc2e}.cc-dot.g.svelte-199r4fs{background:#28c840}.cc-file.svelte-199r4fs{color:var(--muted);text-align:center;letter-spacing:-.01em;flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}.code-body.svelte-199r4fs{color:var(--text);white-space:pre;background:var(--surface);margin:0;padding:24px 28px;font-family:ui-monospace,SFMono-Regular,Menlo,Cascadia Code,monospace;font-size:.82rem;line-height:1.65;overflow-x:auto}.compare-panel.svelte-199r4fs{margin-bottom:24px;padding:28px 32px}.cp-head.svelte-199r4fs{margin-bottom:22px}.cp-label.svelte-199r4fs{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-text);margin-bottom:4px;font-size:.65rem;font-weight:700}.cp-meta.svelte-199r4fs{color:var(--muted);font-size:.875rem}.cp-grid.svelte-199r4fs{flex-direction:column;display:flex}.cp-row.svelte-199r4fs{border-bottom:1px solid var(--border);grid-template-columns:1.1fr 1fr 1fr;gap:18px;padding:14px 0;font-size:.9rem;display:grid}.cp-row.svelte-199r4fs:last-child{border-bottom:none}.cp-header-row.svelte-199r4fs{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:8px 0 12px;font-size:.7rem;font-weight:700}.cp-label-cell.svelte-199r4fs{color:var(--text);font-weight:500}.cp-wp.svelte-199r4fs{color:var(--text-2)}.cp-lumen.svelte-199r4fs{color:var(--text);font-weight:500}.cp-lumen.good.svelte-199r4fs{color:var(--accent-text);font-weight:600}@media (width<=720px){.cp-row.svelte-199r4fs{grid-template-columns:1fr;gap:6px;padding:12px 0}.cp-header-row.svelte-199r4fs{display:none}.cp-label-cell.svelte-199r4fs{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.7rem}.code-body.svelte-199r4fs{padding:18px;font-size:.74rem}}