*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a0f;--bg-card: rgba(255, 255, 255, .03);--bg-card-hover: rgba(255, 255, 255, .05);--text: #e8e6e1;--text-sub: rgba(255, 255, 255, .45);--text-muted: rgba(255, 255, 255, .25);--text-dim: rgba(255, 255, 255, .35);--border: rgba(255, 255, 255, .06);--border-input: rgba(255, 255, 255, .08);--border-active: #818cf8;--accent: #6366f1;--accent-bg: rgba(99, 102, 241, .1);--accent-bg-dim: rgba(99, 102, 241, .08);--accent-text: #c7d2fe;--accent-badge-bg: rgba(99, 102, 241, .15);--accent-badge-text: #818cf8;--drop-border: rgba(255, 255, 255, .12);--drop-bg: rgba(255, 255, 255, .02);--shadow: rgba(0, 0, 0, .4);--shadow-sm: rgba(0, 0, 0, .3);--check-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .5));--swatch-border: inset 0 0 0 1px rgba(255, 255, 255, .1);--color-label: rgba(255, 255, 255, .15);--btn-disabled-bg: rgba(99, 102, 241, .2);--btn-disabled-text: rgba(255, 255, 255, .3);--header-btn-bg: rgba(255, 255, 255, .06);--header-btn-hover: rgba(255, 255, 255, .1);--header-btn-text: rgba(255, 255, 255, .6);--range-track: rgba(255, 255, 255, .1)}[data-theme=light]{--bg: #f5f5f7;--bg-card: rgba(0, 0, 0, .03);--bg-card-hover: rgba(0, 0, 0, .05);--text: #1c1c1e;--text-sub: rgba(0, 0, 0, .5);--text-muted: rgba(0, 0, 0, .3);--text-dim: rgba(0, 0, 0, .4);--border: rgba(0, 0, 0, .08);--border-input: rgba(0, 0, 0, .12);--border-active: #6366f1;--accent: #6366f1;--accent-bg: rgba(99, 102, 241, .08);--accent-bg-dim: rgba(99, 102, 241, .05);--accent-text: #4338ca;--accent-badge-bg: rgba(99, 102, 241, .1);--accent-badge-text: #6366f1;--drop-border: rgba(0, 0, 0, .15);--drop-bg: rgba(0, 0, 0, .02);--shadow: rgba(0, 0, 0, .12);--shadow-sm: rgba(0, 0, 0, .08);--check-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .2));--swatch-border: inset 0 0 0 1px rgba(0, 0, 0, .1);--color-label: rgba(0, 0, 0, .15);--btn-disabled-bg: rgba(99, 102, 241, .15);--btn-disabled-text: rgba(0, 0, 0, .3);--header-btn-bg: rgba(0, 0, 0, .05);--header-btn-hover: rgba(0, 0, 0, .08);--header-btn-text: rgba(0, 0, 0, .5);--range-track: rgba(0, 0, 0, .1)}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .3s,color .3s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-sub)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:3px;background:var(--range-track, rgba(255, 255, 255, .1));outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#818cf8;cursor:pointer;box-shadow:0 2px 6px #6366f14d}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#818cf8;cursor:pointer;border:none;box-shadow:0 2px 6px #6366f14d}input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:var(--range-track, rgba(255, 255, 255, .1))}