*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg0: #06060c;--bg1: #0d0d18;--bg2: #12121f;--bg3: #1a1a2e;--bg4: #22223a;--border: rgba(255,255,255,.1);--border-bright: rgba(0,212,255,.35);--accent: #00d4ff;--accent2: #7c3aed;--accent-glow: rgba(0,212,255,.15);--text-primary: #eeeef5;--text-secondary: #b0b0cc;--text-muted: #7878a0;--text-dim: #5a5a80;--danger: #ff4466;--success: #00ff88;--warning: #ffaa00;--font-display: "Syne", sans-serif;--font-mono: "DM Mono", monospace;--font-body: "Inter", sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--radius-xl: 20px;--shadow-glow: 0 0 20px rgba(0,212,255,.12);--shadow-lg: 0 8px 32px rgba(0,0,0,.6)}html,body{height:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--bg0);color:var(--text-primary);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}#root{height:100%}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg1)}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.mono{font-family:var(--font-mono)}.display{font-family:var(--font-display)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-in{animation:fadeIn .3s ease forwards}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#000;font-weight:700}.btn-primary:not(:disabled):hover{background:#3df;box-shadow:0 0 16px #00d4ff66}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:not(:disabled):hover{color:var(--text-primary);border-color:var(--border-bright);background:var(--accent-glow)}.btn-danger{background:#ff446626;color:var(--danger);border:1px solid rgba(255,68,102,.3)}.btn-danger:not(:disabled):hover{background:#ff446640}.btn-sm{padding:5px 10px;font-size:12px}.input{width:100%;padding:8px 10px;background:var(--bg1);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:13px;outline:none;transition:border-color .15s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-muted)}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23b0b0cc' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}.label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:5px;font-family:var(--font-mono)}.panel{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg)}.section-title{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:10px;display:flex;align-items:center;gap:6px}.section-title:before{content:"";display:block;width:3px;height:10px;background:var(--accent);border-radius:2px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:3px;background:var(--bg4);border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer;box-shadow:0 0 6px #00d4ff80}input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer;border:none}.toggle-wrap{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;color:var(--text-secondary)}.toggle{position:relative;width:34px;height:18px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg4);border-radius:9px;transition:background .2s}.toggle-slider:before{content:"";position:absolute;width:14px;height:14px;left:2px;top:2px;background:#fff;border-radius:50%;transition:transform .2s}.toggle input:checked+.toggle-slider{background:var(--accent)}.toggle input:checked+.toggle-slider:before{transform:translate(16px)}.tab-group{display:flex;gap:2px;background:var(--bg1);border-radius:var(--radius-md);padding:2px}.tab-btn{flex:1;padding:6px 10px;background:transparent;border:none;border-radius:6px;color:var(--text-muted);font-size:12px;cursor:pointer;transition:all .15s;font-family:var(--font-body)}.tab-btn.active{background:var(--bg3);color:var(--accent)}.tab-btn:hover:not(.active){color:var(--text-primary)}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:20px;font-size:11px;font-family:var(--font-mono)}.chip-accent{background:#00d4ff1f;color:var(--accent);border:1px solid rgba(0,212,255,.25)}.chip-success{background:#00ff881a;color:var(--success);border:1px solid rgba(0,255,136,.25)}.chip-warning{background:#ffaa001f;color:var(--warning);border:1px solid rgba(255,170,0,.25)}