:root{--primary: #3498db;--secondary: #2ecc71;--accent: #e74c3c;--warning: #f1c40f;--bg: #1a1a1a;--card-bg: #222;--border: #333;--text: #eee;--text-muted: #888}body{-webkit-font-smoothing:antialiased}body,input,button{font:1em/1.5 Outfit,sans-serif}body{margin:0;background:var(--bg);color:var(--text);font-size:1em;line-height:1.5}a{color:var(--primary)}h1,h2,h3{margin:0;font-weight:600}.icon{display:inline-block;font:.95em Material Symbols Outlined;line-height:inherit;vertical-align:middle}button{display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500}button:hover{opacity:.9}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:#444}button.danger{background:var(--accent)}button.success{background:var(--secondary)}select,input[type=text],input[type=number]{background:#333;border:1px solid #444;color:#fff;padding:6px 10px;border-radius:4px}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.container{display:flex;flex-direction:row;width:100vw;height:100vh}app-sidebar{display:flex;flex-direction:column;background:#111;border-right:1px solid var(--border);width:300px;overflow:auto}app-sidebar header{display:flex;justify-content:space-between;align-items:center;padding:16px;margin:0}app-sidebar .presets{flex:1;overflow:auto}app-sidebar .presets h3{margin:0;padding:8px 16px}app-sidebar .presets ul{list-style:none;padding:0;margin:0}app-sidebar .presets button{display:flex;background:none;padding:4px 16px}app-sidebar .presets button.active{color:var(--primary)}app-sidebar .presets button .slot-num{opacity:.5;margin-right:8px;font-variant:tabular-nums}app-sidebar .preset-controls{padding:16px;display:flex;gap:8px}app-welcome{flex:1;overflow:auto;padding:40px 20px;font-size:1.2em;display:flex;justify-content:center;gap:40px;margin:0 auto;max-width:1000px}app-welcome a{color:inherit}app-welcome .illustration{flex:.35;padding-top:100px}app-welcome .illustration img{width:100%;height:auto}app-welcome .message{flex:.65}app-welcome .connect{margin:1.5em auto;font-size:1.3em;text-align:center}app-welcome .unsupported{color:var(--accent)}app-welcome .disclaimer{color:var(--text-muted);font-size:.8em}app-dashboard{padding:20px;flex:1;overflow:auto}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 4px 6px #0000004d}.card header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.knob-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.knob-control{display:flex;flex-direction:column;gap:4px}.knob-control label{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.knob-control input[type=range]{width:100%;cursor:pointer}.knob-control .val{font-variant:tabular-nums;color:var(--primary)}.badge{padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase}.signal-chain-strip{display:flex;gap:10px;overflow-x:auto;padding:10px 0 20px}.signal-chain-strip .amplifier{order:35}.signal-chain-strip .amplifier,.signal-chain-strip .slot{background:#222;border:1px solid #333;flex:1;padding:12px;border-radius:8px;position:relative;align-content:center}.signal-chain-strip .amplifier.active,.signal-chain-strip .slot.active{border-color:var(--primary);box-shadow:0 0 10px #3498db33}.signal-chain-strip .amplifier.empty,.signal-chain-strip .slot.empty{opacity:.6}.signal-chain-strip .amplifier .slot-num,.signal-chain-strip .slot .slot-num{font-size:.65rem;color:#555;position:absolute;top:5px;right:8px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#444}