*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #1e1e1e;--surface: #252526;--surface2: #2d2d2d;--surface3: #353535;--border: #3c3c3c;--text: #d4d4d4;--text-dim: #a0a0a0;--text-muted: #707070;--accent-gold: #e09a20;--accent-cyan: #c0a070;--accent: var(--accent-gold);--accent-hover: #f0b040;--accent-dim: #c08010;--glow-gold: 0 0 40px rgba(224,154,32,.12);--glow-cyan: 0 0 40px rgba(192,160,112,.12);--green: #22c55e;--orange: #f59e0b;--red: #ef4444;--radius: 6px;--radius-sm: 4px;--prop-label-w: 96px;--font: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: "JetBrains Mono", "Cascadia Code", "Fira Code", monospace;--toolbar-h: 44px;--transition: .25s cubic-bezier(.4, 0, .2, 1)}html,body{height:100%}body{font-family:var(--font);font-size:13px;color:var(--text);background:var(--bg);overflow:hidden}input,select,textarea,button{font-family:inherit;font-size:inherit}button{cursor:pointer;border:none;background:none;color:inherit}input[type=range]{-webkit-appearance:none;appearance:none;height:4px;background:var(--surface3);border:none;border-radius:2px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent-cyan);border:none;cursor:pointer}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent-cyan);border:none;cursor:pointer}input[type=checkbox]{accent-color:var(--accent-cyan)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.prop-row{display:flex;align-items:center;padding:6px 12px;gap:8px;min-height:36px}.prop-label{width:var(--prop-label-w);min-width:var(--prop-label-w);flex-shrink:0;font-size:11px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color-swatch{width:24px;height:24px;flex-shrink:0;border-radius:4px;border:1px solid var(--border);position:relative;cursor:pointer;overflow:hidden;padding:1px}.color-native{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:none;padding:0}.color-native::-webkit-color-swatch-wrapper{padding:1px}.color-native::-webkit-color-swatch{border:none;border-radius:2px}.color-swatch.unset{background:var(--surface)!important}.color-swatch.unset:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(to top right,transparent calc(50% - .75px),var(--text-muted) calc(50% - .75px),var(--text-muted) calc(50% + .75px),transparent calc(50% + .75px)),linear-gradient(to bottom right,transparent calc(50% - .75px),var(--text-muted) calc(50% - .75px),var(--text-muted) calc(50% + .75px),transparent calc(50% + .75px))}.mini-switch{position:relative;width:28px;height:14px;flex-shrink:0;background:var(--surface3);border-radius:7px;border:none;cursor:pointer;transition:background .2s}.mini-switch:after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:var(--text-muted);transition:all .2s}.mini-switch.on{background:var(--accent-cyan)}.mini-switch.on:after{left:16px;background:#fff}.mini{font-size:11px;color:var(--text-muted);flex-shrink:0}