[data-theme=dark]{--bg-primary: #0a0a0b;--bg-surface: #141416;--bg-elevated: #1c1c1f;--bg-input: #0a0a0b;--border-primary: #2a2a2e;--border-secondary: #3a3a3e;--text-primary: #e8e8ed;--text-secondary: #a0a0aa;--text-muted: #6a6a74;--text-placeholder: #4a4a54;--accent: #f97316;--accent-hover: #fb923c;--accent-glow: rgba(249, 115, 22, .15);--accent-subtle: rgba(249, 115, 22, .1);--success: #4ade80;--success-bg: rgba(34, 197, 94, .1);--success-border: rgba(34, 197, 94, .3);--error: #f87171;--error-bg: rgba(239, 68, 68, .1);--error-border: rgba(239, 68, 68, .3);--warning: #fbbf24;--warning-bg: rgba(251, 191, 36, .1);--warning-border: rgba(251, 191, 36, .3);--selection-blue: #4169E1;--selection-blue-subtle: rgba(65, 105, 225, .15);--scrollbar-track: #141416;--scrollbar-thumb: #3a3a3e;--scrollbar-thumb-hover: #4a4a4e;--overlay-bg: rgba(0, 0, 0, .7);--canvas-bg: #0a0a0b;--grid-line: rgba(255, 255, 255, .03);--board-wood: #8b5e3c;--board-wood-light: #c4956a;--board-wood-selected: #a07850;--toolbar-active: #4169E1;--toolbar-active-border: #5a89ff;--save-indicator: #4a8a4a;--unsave-indicator: #8a8a4a}[data-theme=light]{--bg-primary: #ffffff;--bg-surface: #f5f5f7;--bg-elevated: #eeeef0;--bg-input: #ffffff;--border-primary: #d4d4d8;--border-secondary: #e4e4e8;--text-primary: #1a1a1e;--text-secondary: #444448;--text-muted: #71717a;--text-placeholder: #a1a1aa;--accent: #ea580c;--accent-hover: #f97316;--accent-glow: rgba(234, 88, 12, .1);--accent-subtle: rgba(234, 88, 12, .06);--success: #16a34a;--success-bg: rgba(22, 163, 74, .08);--success-border: rgba(22, 163, 74, .2);--error: #dc2626;--error-bg: rgba(220, 38, 38, .06);--error-border: rgba(220, 38, 38, .2);--warning: #d97706;--warning-bg: rgba(217, 119, 6, .06);--warning-border: rgba(217, 119, 6, .2);--selection-blue: #3b82f6;--selection-blue-subtle: rgba(59, 130, 246, .1);--scrollbar-track: #f0f0f2;--scrollbar-thumb: #c4c4c8;--scrollbar-thumb-hover: #a4a4a8;--overlay-bg: rgba(0, 0, 0, .4);--canvas-bg: #f8f8fa;--grid-line: rgba(0, 0, 0, .04);--board-wood: #a67c52;--board-wood-light: #d4a574;--board-wood-selected: #c49a6c;--toolbar-active: #3b82f6;--toolbar-active-border: #60a5fa;--save-indicator: #16a34a;--unsave-indicator: #a16207}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden;background:var(--bg-primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:1}