:root{--blue-600:#1f5feb;--blue-700:#1846b8;--blue-050:#e8f0fe;--green-600:#12905a;--green-050:#e3f5ec;--amber-700:#c77700;--amber-050:#fff4e0;--red-600:#d22f2f;--red-050:#fdeaea;--ink-900:#0f1729;--ink-600:#5b6779;--ink-400:#8a94a6;--paper-000:#fff;--paper-050:#f5f7fa;--paper-100:#eef2f7;--paper-200:#dde3ec;--blue-400-d:#4c8dff;--blue-500-d:#3a72d8;--blue-950-d:#152744;--green-400-d:#2ea96f;--green-950-d:#123021;--amber-400-d:#e5a33a;--amber-950-d:#33260f;--red-400-d:#f2585b;--red-950-d:#3a1618;--ink-050-d:#e6edf7;--ink-300-d:#9aa6b8;--ink-500-d:#6e7a8c;--slate-900-d:#0d1117;--slate-800-d:#161b22;--slate-700-d:#1e2531;--slate-600-d:#2a3444;--bg:var(--paper-050);--surface:var(--paper-000);--surface-alt:var(--paper-100);--border:var(--paper-200);--text:var(--ink-900);--text-secondary:var(--ink-600);--text-muted:var(--ink-400);--primary:var(--blue-600);--primary-pressed:var(--blue-700);--primary-soft:var(--blue-050);--on-primary:var(--paper-000);--success:var(--green-600);--success-soft:var(--green-050);--warning:var(--amber-700);--warning-soft:var(--amber-050);--danger:var(--red-600);--danger-soft:var(--red-050);--scrim:#0f172966;--snackbar-bg:#0f1729;--snackbar-text:#fff}.theme-dark{--bg:var(--slate-900-d);--surface:var(--slate-800-d);--surface-alt:var(--slate-700-d);--border:var(--slate-600-d);--text:var(--ink-050-d);--text-secondary:var(--ink-300-d);--text-muted:var(--ink-500-d);--primary:var(--blue-400-d);--primary-pressed:var(--blue-500-d);--primary-soft:var(--blue-950-d);--on-primary:var(--slate-900-d);--success:var(--green-400-d);--success-soft:var(--green-950-d);--warning:var(--amber-400-d);--warning-soft:var(--amber-950-d);--danger:var(--red-400-d);--danger-soft:var(--red-950-d);--scrim:#0009;--snackbar-bg:#e6edf7;--snackbar-text:#0d1117}:root{--font-system:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--font-body:var(--font-system);--font-numeric:var(--font-system);--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--text-display-xl-size:44px;--text-display-xl-line:48px;--text-display-xl-track:-1.2px;--text-display-xl-weight:700;--text-display-size:32px;--text-display-line:38px;--text-display-track:-.6px;--text-display-weight:700;--text-h1-size:24px;--text-h1-line:30px;--text-h1-track:-.2px;--text-h1-weight:600;--text-h2-size:20px;--text-h2-line:26px;--text-h2-track:0;--text-h2-weight:600;--text-body-l-size:17px;--text-body-l-line:24px;--text-body-l-weight:400;--text-body-size:15px;--text-body-line:22px;--text-body-weight:400;--text-caption-size:13px;--text-caption-line:18px;--text-caption-weight:500;--text-micro-size:11px;--text-micro-line:14px;--text-micro-track:.5px;--text-micro-weight:600;--space-xxs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:20px;--space-xl:24px;--space-xxl:32px;--space-xxxl:40px;--screen-padding:var(--space-md);--radius-xs:8px;--radius-sm:12px;--radius-md:14px;--radius-lg:16px;--radius-sheet:24px;--radius-pill:999px;--size-appbar:56px;--size-list-row:64px;--size-project-card-min:96px;--size-button-primary:56px;--size-button-secondary:48px;--size-input:52px;--size-chip:36px;--size-segmented:44px;--size-fab:64px;--size-numpad-key:64px;--size-sticky-bar:72px;--size-min-touch:48px;--screen-width:360px;--motion-press:.15s;--motion-highlight:.25s;--motion-sheet:.2s;--motion-snackbar-in:.2s;--motion-snackbar-hold:4s;--easing:ease-out;--shadow-card:0 2px 8px #0f172914;--shadow-up:0 -2px 12px #0f172914;--shadow-fab:0 4px 12px #0f172933;--border-width:1px}.theme-dark{--shadow-card:0 2px 8px #00000080;--shadow-up:0 -2px 12px #00000080;--shadow-fab:0 4px 12px #0009}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{font-family:var(--font-body);font-variant-numeric:tabular-nums;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-pressed)}.theme-dark a:hover{opacity:.85}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0}.theme-check{min-height:100%;max-width:var(--screen-width);padding:var(--screen-padding);background:var(--bg);color:var(--text);gap:var(--space-lg);flex-direction:column;margin:0 auto;display:flex}.theme-check h1{font-size:var(--text-h1-size);line-height:var(--text-h1-line);letter-spacing:var(--text-h1-track);font-weight:var(--text-h1-weight);margin:0}.theme-check .display-value{font-size:var(--text-display-xl-size);line-height:var(--text-display-xl-line);letter-spacing:var(--text-display-xl-track);font-weight:var(--text-display-xl-weight);font-variant-numeric:tabular-nums;margin:0}.theme-check .card{background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-md);gap:var(--space-xs);flex-direction:column;display:flex}.theme-check .swatches{gap:var(--space-xs);flex-wrap:wrap;display:flex}.theme-check .swatch{border-radius:var(--radius-sm);border:var(--border-width) solid var(--border);width:44px;height:44px}.theme-check .caption{font-size:var(--text-caption-size);line-height:var(--text-caption-line);font-weight:var(--text-caption-weight);color:var(--text-secondary);margin:0}.theme-check .theme-switch{gap:var(--space-xs);display:flex}.theme-check .theme-switch button{height:var(--size-segmented);padding:0 var(--space-md);border-radius:var(--radius-sm);border:var(--border-width) solid var(--border);background:var(--surface);color:var(--text);font-size:var(--text-body-size);cursor:pointer}.theme-check .theme-switch button[data-active=true]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.theme-check .gallery-section h2{font-size:var(--text-caption-size);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0 0 var(--space-sm);font-weight:700}.theme-check .gallery-stack{gap:var(--space-md);flex-direction:column;display:flex}.theme-check .row{gap:var(--space-sm);align-items:center;display:flex}.theme-check .overlay-demo{background:var(--scrim);padding:var(--space-lg);z-index:30;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}