:root{color-scheme:dark;--bg: light-dark(#eef0f5, #10141a);--panel: light-dark(#f7f9fc, #171d26);--border: light-dark(#d8dee9, #2a3342);--text: light-dark(#1b2430, #d7dee9);--muted: light-dark(#6b7a8f, #8b98a9);--accent: light-dark(#1f6fd8, #4da3ff);--highlight: light-dark(#d9e7fb, #2a4a75);--code-bg: light-dark(#f3f5f9, #0d1117);--canvas-bg: light-dark(#eaeef5, #151b26);--font-sans: -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", Menlo, Consolas, monospace;--base-font-size: 13px;--canvas-font: "SF Mono", Menlo, Consolas, monospace;--canvas-font-size: 12px;--code-font: "SF Mono", Menlo, Consolas, monospace;--code-font-size: 13px;--output-font: "SF Mono", Menlo, Consolas, monospace;--output-font-size: 12px;--code-text: light-dark(#1b2430, #d7dee9);--output-bg: light-dark(#f7f9fc, #171d26);--output-text: light-dark(#1b2430, #dce7f5);--on-accent: light-dark(#ffffff, #0b0f14);--accent-soft: light-dark(#1a6fd8, #7cc0ff);--text-bright: light-dark(#1b2430, #eef5ff);--surface-raised: light-dark(#eef2f7, #1b2330);--surface-dimmed: light-dark(#dde3eb, #202a38);--banner-info-text: light-dark(#0b3a66, #cfe9ff);--banner-info-bg: light-dark(rgba(219, 234, 255, .95), rgba(18, 42, 66, .95));--banner-success-text: light-dark(#0b5a2e, #b9f5d3);--banner-success-bg: light-dark(rgba(216, 245, 229, .95), rgba(18, 58, 44, .95));--banner-success-border: light-dark(rgba(40, 150, 90, .6), rgba(80, 220, 150, .6));--banner-danger-text: light-dark(#8f1d1d, #ffd0d0);--banner-danger-bg: light-dark(rgba(255, 221, 221, .95), rgba(70, 26, 26, .95));--banner-danger-border: light-dark(rgba(220, 70, 70, .65), rgba(255, 120, 120, .65));--value-bg: light-dark(rgba(247, 249, 252, .75), rgba(12, 16, 24, .7));--value-bg-soft: light-dark(rgba(247, 249, 252, .7), rgba(12, 16, 24, .65));--value-bg-accent: light-dark(rgba(238, 245, 255, .9), rgba(16, 26, 40, .8));--value-bg-deep: light-dark(rgba(238, 244, 255, .7), rgba(10, 20, 34, .65));--value-border: light-dark(rgba(27, 36, 48, .1), rgba(255, 255, 255, .06));--value-text: light-dark(#1b2430, #dce7f5);--danger: light-dark(#d93636, #ff5a5a);--danger-soft: light-dark(#c93434, #ff6b6b);--surface-danger: light-dark(#fdecec, #241a1c);--success: light-dark(#1f9d5f, #4cc38a);--value-bg-strong: light-dark(rgba(247, 249, 252, .9), rgba(12, 16, 24, .85));--cell-border: light-dark(rgba(27, 36, 48, .12), rgba(255, 255, 255, .09));--level-0: light-dark(rgba(27, 36, 48, .04), rgba(14, 20, 32, .55));--level-1: light-dark(rgba(40, 60, 90, .08), rgba(26, 40, 66, .55));--pinned-bg: light-dark(rgba(214, 230, 255, .9), rgba(26, 46, 84, .9));--amber: light-dark(#d99a00, #ffc107);--play: light-dark(#e08a00, #f0a92e);--on-play: #0b0f14;--pause-bg: light-dark(#2b8a3e, #2b8a3e);--pause-border: light-dark(#2b8a3e, #51cf66);--pause-text: light-dark(#0b3a1a, #d3f9d8);--danger-text: light-dark(#c03434, #ff9d9d);--panel-float: light-dark(rgba(247, 249, 252, .97), rgba(13, 17, 24, .97));--panel-float-border: light-dark(#d5dbe6, #2c3a4d);--panel-float-head: light-dark(#e6eaf2, #222c3a);--surface-chip: light-dark(#e9edf4, #1b2431);--surface-deep: light-dark(#f1f3f8, #10151c);--elev-panel: light-dark(#d9dee7, #283244);--elev-bg: light-dark(#d4d9e2, #1e2633);--elev-canvas: light-dark(#d3dae6, #24303f);--elev-output: light-dark(#d9dee7, #283244);--chip-panel: light-dark(#edeff4, #1e2734);--chip-canvas: light-dark(#e5eaf2, #1e2938);--surface-row: light-dark(#f8fafd, #141b26);--surface-row-hover: light-dark(#e9effa, #1c2740);--surface-border: light-dark(#d0d7e2, #2a3648);--input-border: light-dark(#ccd5e1, #263244);--control-border: light-dark(#c3ccd9, #3a4656);--overlay: light-dark(rgba(30, 38, 50, .45), rgba(8, 11, 16, .7));--grid: light-dark(#c8d1df, #1d2733);--mask: light-dark(rgba(247, 249, 252, .7), rgba(16, 20, 26, .7));--warn: light-dark(#b46500, #ffb454);--match: light-dark(#a87e00, #ffd54f);--samples: light-dark(#4a8a5a, #82b082);--shadow-sm: light-dark(0 1px 4px rgba(31, 42, 60, .12), 0 2px 8px rgba(0, 0, 0, .35));--shadow-node: light-dark(0 2px 10px rgba(31, 42, 60, .12), 0 4px 14px rgba(0, 0, 0, .35));--shadow-card: light-dark(0 1px 4px rgba(31, 42, 60, .1), 0 2px 8px rgba(0, 0, 0, .22));--shadow-banner: light-dark(0 4px 16px rgba(31, 42, 60, .15), 0 8px 24px rgba(0, 0, 0, .45));--shadow-panel: light-dark(-8px 0 24px rgba(31, 42, 60, .12), -8px 0 24px rgba(0, 0, 0, .45));--shadow-modal: light-dark(0 8px 30px rgba(31, 42, 60, .18), 0 12px 40px rgba(0, 0, 0, .5));--surface-hover: light-dark(#e6ecf5, #1e2734)}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}