:root{--color-bg:#0e0f11;--color-fg:#e6e8eb;--color-accent:#4f8cff;--color-muted:#9096a0;--color-border:#2a2d31;--color-danger:#ff5c5c;--color-ok:#4caf7d;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-device-tablet:20px;--radius-device-phone:36px;--line-thin:1px;--line-thick:2px;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--leading-tight:1.25;--leading-base:1.6;--width-sidebar:220px;--width-sidebar-collapsed:48px;--width-content:960px;--height-board:48px;--gap-grid:16px;--transition-fast:.15s ease;--transition-base:.25s ease;--shadow-sm:0 1px 3px #00000059;--shadow-md:0 4px 12px #00000073;--z-base:0;--z-panel:10;--z-overlay:100;--color-surface:#16181c;--panel-t1-size:13px;--panel-t1-weight:600;--panel-t1-line:20px;--panel-t1-tracking:.01em;--panel-t2-size:11px;--panel-t2-weight:500;--panel-t2-line:15px;--panel-t2-tracking:.06em;--panel-t3-size:13px;--panel-t3-weight:450;--panel-t4-size:12px;--panel-t4-weight:500;--panel-t4-line:16px;--panel-field-h:28px;--panel-btn-h:28px;--panel-btn-h-tight:24px;--panel-swatch-w:24px;--panel-swatch-h:16px;--panel-swatch-r:3px;--panel-swatch-gap:8px;--panel-select-min-w:88px;--panel-segment-h:28px;--panel-segment-pad:3px;--panel-segment-row-h:36px;--panel-segment-icon:14px;--panel-segment-r:999px;--panel-pair-gap:4px;--panel-pairs-gap:12px;--panel-group-gap:16px;--panel-padding:16px;--panel-t1-pb:4px;--panel-t1-mb:7px;--panel-action-w:120px;--panel-inspector-w:320px;--panel-h-strip:28px;--panel-h-working:340px;--panel-dialog-s:400px;--panel-dialog-m:560px;--panel-dialog-l:720px;--panel-border:#3a3c42;--panel-label-color:#8890a0;--panel-value-color:#d4d6dc;--panel-hex-color:#8890a0;--panel-tab-inactive:#707888;--panel-tab-active:#e8eaee;--panel-btn-color:#9098a8}[data-theme=light]{--color-bg:#fff;--color-fg:#1a1c1e;--color-accent:#2563eb;--color-muted:#5c636e;--color-border:#e2e5e9;--color-danger:#d92d20;--color-surface:#f5f6f8;--shadow-sm:0 1px 3px #1018281a;--shadow-md:0 4px 12px #10182826}
*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-fg);font-family:var(--font-sans)}*{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm);background-clip:padding-box;border:4px solid #0000;min-height:24px}::-webkit-scrollbar-thumb:hover{background:var(--color-muted);background-clip:padding-box}::-webkit-scrollbar-corner{background:0 0}