:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--ink:#1f2937;--muted:#4b5563;--muted-soft:#6b7280;--panel:#fff;--panel-edge:#e5e7eb;--row:#f3f4f6;--control-bg:#fff;--control-edge:#d1d5db;--control-fill:#f9fafb;--control-fill-hover:#f3f4f6;--accent:#2563eb;--accent-hover:#1d4ed8;--on-accent:#fff}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#16171d;--ink:#e5e7eb;--muted:#9ca3af;--muted-soft:#9ca3af;--panel:#111827;--panel-edge:#374151;--row:#1f2937;--control-bg:#0b1220;--control-edge:#374151;--control-fill:#1f2937;--control-fill-hover:#111827;--accent:#3b82f6;--accent-hover:#2563eb;--on-accent:#fff}html,body{background:var(--bg);color:var(--ink)}body{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:320px;min-height:100svh;margin:0;font:16px/1.45 system-ui,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.site-bar{z-index:10;border-bottom:1px solid var(--panel-edge);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem 1rem;display:flex;position:sticky;top:0}.site-bar:not(:has(.site-nav)){justify-content:flex-end}.site-nav{color:var(--muted);font-size:.95rem;font-weight:600;text-decoration:none}.site-nav:hover{color:var(--ink)}.site-nav:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hub,.demo-stage{width:min(960px,100%);margin:0 auto;padding:1.5rem 1rem 2.5rem}.hub h1{letter-spacing:-.02em;margin:0 0 .35rem;font-size:1.75rem;font-weight:600}.hub .lede{color:var(--muted);margin:0 0 1.5rem}.demo-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.demo-list a{border:1px solid var(--panel-edge);background:var(--panel);color:var(--ink);border-radius:.5rem;padding:.85rem 1rem;font-weight:600;text-decoration:none;display:block}.demo-list a:hover{border-color:var(--accent)}.demo-list a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.demo-list .desc{color:var(--muted);margin-top:.25rem;font-size:.9rem;font-weight:400;display:block}
