:root{--bg: #0b0d10;--panel: #11151b;--panel2: #0f1318;--text: #e8edf2;--muted: #9aa6b2;--border: rgba(255,255,255,.1);--accent: #6ee7ff;--good: #66f2a3;--warn: #ffd36e}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}body{background:var(--bg);color:var(--text)}.app{height:100vh;display:grid;grid-template-rows:auto 1fr}.topbar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent)}.brand{font-weight:700;letter-spacing:.2px}.badge{font-size:12px;padding:4px 8px;border:1px solid var(--border);border-radius:999px;color:var(--muted)}.select,.input,.btn{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.select,.input{width:100%}.btn{cursor:pointer}.btn.primary{border-color:#6ee7ff66}.btn.ghost{background:transparent}.btn:disabled{opacity:.5;cursor:not-allowed}.main{padding:16px;overflow:auto}.grid2{display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width: 980px){.grid2{grid-template-columns:1fr}}.card{background:var(--panel2);border:1px solid var(--border);border-radius:16px;padding:14px}.h{margin:0 0 10px;font-size:14px;color:var(--muted)}.title{margin:0 0 14px;font-size:20px}.row{display:flex;gap:10px;align-items:center}.col{display:flex;flex-direction:column;gap:10px}.spread{display:flex;justify-content:space-between;align-items:center;gap:10px}.small{font-size:12px;color:var(--muted)}.pill{font-size:11px;color:var(--muted);border:1px solid var(--border);padding:3px 8px;border-radius:999px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{padding:8px 10px;border-radius:999px;border:1px solid var(--border);background:transparent;cursor:pointer;color:var(--muted)}.tab.active{color:var(--text);border-color:#6ee7ff59}.split3{display:grid;grid-template-columns:320px 1fr 360px;gap:12px}@media (max-width: 1100px){.split3{grid-template-columns:1fr}}.list{display:flex;flex-direction:column;gap:8px}.track{border:1px solid var(--border);border-radius:14px;padding:10px;background:#ffffff05}.trackHeader{display:flex;justify-content:space-between;gap:10px}.meter{height:8px;border-radius:999px;border:1px solid var(--border);overflow:hidden;margin-top:8px}.meterFill{height:100%;background:#6ee7ff8c;width:50%}.sliderRow{display:grid;grid-template-columns:1fr 120px;gap:10px;align-items:center}.range{width:100%}.consoleCard{border:1px solid rgba(110,231,255,.25);background:#6ee7ff0f}.previewBassCard{border:1px solid rgba(102,242,163,.2);background:#66f2a30a}.previewBassEnabled{border-color:#66f2a359;background:#66f2a314}.card .card{border-radius:14px;padding:12px}