:root{color-scheme:dark;--f-seed-surface: #171a1d;--f-seed-ink: #e3e7ea;--f-seed-action: #2f80d6;--f-seed-engaged: var(--f-seed-action);--f-seed-danger: #e0605b;--f-surface: var(--f-seed-surface);--f-raised: color-mix(in oklab, var(--f-seed-surface) 95%, var(--f-seed-ink));--f-sunken: color-mix(in oklab, var(--f-seed-surface) 92%, black);--f-hover: color-mix(in oklab, var(--f-seed-surface) 92%, var(--f-seed-ink));--f-pressed: color-mix(in oklab, var(--f-seed-surface) 85%, var(--f-seed-ink));--f-canvas: color-mix(in oklab, var(--f-seed-surface) 95%, black);--f-canvas-glow: color-mix(in oklab, var(--f-seed-surface) 90%, white);--f-canvas-grid: color-mix(in oklab, var(--f-seed-ink) 8%, transparent);--f-hairline: 1px;--f-edge: color-mix(in oklab, var(--f-seed-surface) 78%, black);--f-rule: color-mix(in oklab, var(--f-seed-surface) 85%, var(--f-seed-ink));--f-bevel: transparent;--f-bevel-strong: transparent;--f-ink: var(--f-seed-ink);--f-ink-dim: color-mix(in oklab, var(--f-seed-ink) 62%, var(--f-seed-surface));--f-ink-faint: color-mix(in oklab, var(--f-seed-ink) 42%, var(--f-seed-surface));--f-action: var(--f-seed-action);--f-action-ink: #ffffff;--f-action-edge: color-mix(in oklab, var(--f-seed-action) 78%, black);--f-action-face: var(--f-seed-action);--f-action-face-hover: color-mix(in oklab, var(--f-seed-action) 86%, black);--f-action-tint: color-mix(in oklab, var(--f-seed-action) 28%, transparent);--f-engaged: color-mix(in oklab, var(--f-seed-engaged) 74%, var(--f-seed-ink));--f-engaged-edge: color-mix(in oklab, var(--f-seed-engaged) 45%, transparent);--f-engaged-face: color-mix(in oklab, var(--f-seed-engaged) 14%, transparent);--f-engaged-face-hover: color-mix(in oklab, var(--f-seed-engaged) 22%, transparent);--f-engaged-tint: color-mix(in oklab, var(--f-seed-engaged) 14%, transparent);--f-engaged-line: color-mix(in oklab, var(--f-seed-engaged) 45%, transparent);--f-engaged-sunk: inset 0 1px 3px rgb(0 0 0 / 45%);--f-danger: var(--f-seed-danger);--f-danger-ink: #ffffff;--f-danger-edge: color-mix(in oklab, var(--f-seed-danger) 78%, black);--f-danger-face: var(--f-seed-danger);--f-selection: color-mix(in oklab, var(--f-seed-action) 55%, transparent);--f-selection-ink: #ffffff;--f-axis-x: #e06a63;--f-axis-y: #7cc06a;--f-axis-z: #5f9ae6;--f-scene: color-mix(in oklab, var(--f-seed-surface) 90%, black);--f-scene-ground: color-mix(in oklab, var(--f-seed-surface) 94%, var(--f-seed-ink));--f-scene-selected: #f59e0b;--f-scene-ghost: #94a3b8;--f-scene-bounds: #a855f7;--f-scene-pivot: #ef4444;--f-scene-travel: #6366f1;--f-scene-sweep: #22c55e;--f-scene-cut-authored: #ef4444;--f-scene-cut-derived: #0ea5e9;--f-face: var(--f-raised);--f-face-hover: var(--f-hover);--f-face-pressed: var(--f-pressed);--f-rail-face: var(--f-surface);--f-well: color-mix(in oklab, var(--f-seed-surface) 88%, black);--f-lift: 0 8px 20px rgb(0 0 0 / 40%);--f-inset-top: none;--f-carve: none;--f-press: inset 0 1px 3px rgb(0 0 0 / 45%);--f-gloss: none;--f-drop: 0 1px 2px rgb(0 0 0 / 35%);--f-ring: 0 0 0 1px var(--f-action), 0 0 0 3px color-mix(in oklab, var(--f-action) 25%, transparent);--f-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;--f-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--f-size: 14px;--f-size-sm: 13px;--f-size-title: 14px;--f-size-display: 42px;--f-size-section: 28px;--f-size-lead: 18px;--f-line: 1.45;--f-weight-mid: 500;--f-weight-strong: 600;--f-tracking-title: .06em;--f-control-h: 32px;--f-control-h-xs: 24px;--f-control-h-md: 36px;--f-icon-btn: 36px;--f-icon: 24px;--f-row-h: 36px;--f-bar-h: 40px;--f-rail-w: 52px;--f-panel-w: 320px;--f-panel-w-wide: 360px;--f-menu-w: 12rem;--f-label-w: 5rem;--f-check: 18px;--f-swatch-sm: 18px;--f-swatch-md: 28px;--f-caret: 4px;--f-space: 4px;--f-space-half: 2px;--f-radius: 4px;--f-radius-sm: 3px;--f-quick: .12s;--f-instant: 90ms;--f-ease: ease;--f-tip-delay: .35s;--f-disabled: .45;--f-idle: .2;--f-z-overlay: 90;--f-z-menu: 200;--f-z-tooltip: 300;--f-z-context: 400}:root[data-theme=light]{color-scheme:light;--f-seed-surface: #f7f6f4;--f-seed-ink: #1d2024;--f-seed-action: #1f6fc4;--f-seed-danger: #c0403b;--f-edge: color-mix(in oklab, var(--f-seed-surface) 84%, black);--f-canvas: color-mix(in oklab, var(--f-seed-surface) 94%, black);--f-canvas-glow: color-mix(in oklab, var(--f-seed-surface) 96%, white);--f-well: #ffffff;--f-selection-ink: #0d1f2e;--f-axis-x: #c04a44;--f-axis-y: #46893a;--f-axis-z: #2a68ab;--f-scene: #eef2f7;--f-scene-ground: #dfe6ef;--f-engaged-sunk: inset 0 1px 3px rgb(60 52 40 / 22%);--f-lift: 0 8px 20px rgb(60 52 40 / 14%);--f-press: inset 0 1px 3px rgb(60 52 40 / 18%);--f-drop: 0 1px 2px rgb(60 52 40 / 14%)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--f-sunken);color:var(--f-ink);font-family:var(--f-font);font-size:var(--f-size);line-height:var(--f-line);-webkit-font-smoothing:antialiased}::selection{background:var(--f-selection);color:var(--f-selection-ink)}:focus-visible{outline:none;box-shadow:var(--f-ring)}*{scrollbar-width:thin;scrollbar-color:var(--f-pressed) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:var(--f-pressed);background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--f-ink-faint);background-clip:content-box}html{background:var(--f-sunken);color:var(--f-ink-dim);font:16px/1.5 system-ui,sans-serif}body{margin:0}main{max-width:40rem;margin:0 auto;padding:3rem 1.25rem}h1{font-size:1.75rem;font-weight:600;letter-spacing:-.02em;color:var(--f-ink);margin:0 0 .5rem}.lead{color:var(--f-ink-dim);margin:0 0 2rem}ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}li{display:flex;align-items:center;gap:12px;padding:8px 10px;background:var(--f-raised);border:1px solid var(--f-edge);border-radius:var(--f-radius)}.swatch{width:22px;height:22px;border-radius:var(--f-radius);border:1px solid var(--f-edge);flex-shrink:0}.name{display:block;color:var(--f-ink-dim)}.meta{display:block;color:var(--f-ink-faint);font-size:12px}.error{color:var(--f-danger)}