:root{--bg-base: #1e1e1e;--bg-panel: #252526;--bg-input: #3c3c3c;--border-color: #333333;--border-highlight: #555555;--text-main: #cccccc;--text-active: #ffffff;--text-muted: #888888;--accent-color: #F97316;--accent-hover: rgba(249, 115, 22, .2);--danger-color: #ff4444;--canvas-bg: #121212}[data-theme=light]{--bg-base: #e8ecef;--bg-panel: #ffffff;--bg-input: #f0f0f0;--border-color: #cccccc;--border-highlight: #aaaaaa;--text-main: #333333;--text-active: #000000;--text-muted: #666666;--accent-color: #c2410c;--accent-hover: rgba(194, 65, 12, .1);--danger-color: #d32f2f;--canvas-bg: #f5f5f5}:root{--grid-line: #262626;--draw-line: var(--text-active);--draw-dim: var(--accent-color);--draw-hatch: var(--border-highlight)}[data-theme=light]{--grid-line: #dcdcdc;--draw-line: var(--text-active);--draw-dim: var(--accent-color);--draw-hatch: var(--border-highlight)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-main);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-panel);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--border-highlight);border-radius:6px;border:3px solid var(--bg-panel)}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}::-webkit-scrollbar-corner{background:var(--bg-panel)}*{scrollbar-width:thin;scrollbar-color:var(--border-highlight) var(--bg-panel)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;background:var(--bg-input);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent-color);cursor:pointer;border:2px solid var(--bg-panel)}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent-color);cursor:pointer;border:2px solid var(--bg-panel)}