:root{--bg-window: #292930;--bg-sidebar: #222228;--bg-card: #515160;--bg-card-hover: #5B5B6B;--bg-inset: rgba(255, 255, 255, .14);--text-primary: #FFFFFF;--text-secondary: #D2D2D8;--text-tertiary: #A5A5AC;--border: rgba(255, 255, 255, .16);--border-strong: rgba(255, 255, 255, .32);--accent: #68686F;--accent-hover: #76767E;--neon: #22D3EE;--neon-text: #0A0A0B;--accent-soft: rgba(255, 255, 255, .13);--danger: #E8524B;--success: #5FA377;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;background:var(--bg-window);color:var(--text-primary);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}button{font-family:inherit;cursor:pointer;border:1px solid var(--border);border-radius:var(--radius-sm);background:none;color:var(--text-primary);transition:background-color .12s ease,border-color .12s ease,transform .08s ease}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:6px}::-webkit-scrollbar-track{background:transparent}.hue-slider,.intensity-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;outline:none;cursor:pointer;margin-bottom:4px}.hue-slider{background:linear-gradient(to right,#ef3939,#efef39,#39ef39,#39efef,#3939ef,#ef39ef,#ef3939)}.intensity-slider{background:linear-gradient(to right,hsl(var(--accent-hue, 189),35%,78%),hsl(var(--accent-hue, 189),90%,54%))}.hue-slider::-webkit-slider-thumb,.intensity-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #0a0a0b;box-shadow:0 1px 3px #00000080;cursor:pointer;margin-top:-5px}.hue-slider::-moz-range-thumb,.intensity-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #0a0a0b;box-shadow:0 1px 3px #00000080;cursor:pointer}.hue-slider::-moz-range-track{height:6px;border-radius:3px;background:linear-gradient(to right,#ef3939,#efef39,#39ef39,#39efef,#3939ef,#ef39ef,#ef3939)}.intensity-slider::-moz-range-track{height:6px;border-radius:3px;background:linear-gradient(to right,hsl(var(--accent-hue, 189),35%,78%),hsl(var(--accent-hue, 189),90%,54%))}
