.sa-app{--surface:#211c25;--surface-2:#17131b;--surface-3:#302839;--border:#0c090e;--text:#eee7d8;--text-muted:#a59aab;--warm:#d6a35b;--warm-hover:#ebc47f;--warm-dim:#d6a35b29;--warm-ring:#d6a35b73;--spectral:#9fcf9a;--spectral-dim:#9fcf9a24;--spectral-ring:#9fcf9a75;--audio:#9fcf9a;--audio-dim:#9fcf9a24;--input:#17131b;--panel:#100d13;--bg:#0b0910;min-height:100vh;color:var(--text,#e6e8ec);background:radial-gradient(at 75% 0,#8b68aa33,#0000 40%),radial-gradient(at 12% 100%,#9fcf9a1f,#0000 42%),#0b0910;flex-direction:column;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}.sa-app .sy-panel,.sa-app .dm-panel{background:linear-gradient(145deg,#dac6e114,#0000 28%),linear-gradient(172deg,#332c39 0%,#25202a 34%,#18151c 78%,#100e13 100%);border:1px solid #0c090e;border-radius:14px;box-shadow:inset 0 2px #eee7d81a,inset 0 -3px #08070a,0 18px 50px #0009,0 5px 14px #00000073}.sa-app .sy-header,.sa-app .dm-header{background:#0000002e;border-bottom:1px solid #262320}.sa-app .sy-logo,.sa-app .dm-logo{color:var(--warm);text-shadow:0 0 12px #f0aa6e80}.sa-app .sy-knob{text-align:center;align-items:center}.sa-app .sy-knob-hw{cursor:ns-resize;touch-action:none;filter:drop-shadow(0 4px 5px #00000080);width:56px;height:56px;margin:2px auto 0;display:block}.sa-app .sy-knob-hw img{pointer-events:none;width:100%;height:100%;display:block}.sa-app .sy-knob-hw:hover img,.sa-app .sy-knob-hw:active img{filter:drop-shadow(0 0 9px #f0aa6e8c)}.sa-app .sy-knob input[type=range]{display:none}.sa-app .sy-knob-value{color:var(--warm);font-family:Consolas,Courier New,monospace;font-size:11px}.sa-app input[type=range]{accent-color:var(--warm)}.sa-topbar{background:linear-gradient(#211c25,#121016);border-bottom:1px solid #0c090e;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 16px;display:flex;box-shadow:inset 0 1px #ffffff0f}.sa-brand{letter-spacing:.06em;color:var(--warm,#e08a3c);text-shadow:0 0 12px #f0aa6e73;font-size:16px;font-weight:700}.sa-brand em{opacity:.6;margin-left:6px;font-size:12px;font-style:normal;font-weight:400}.sa-cta{color:var(--accent-warm,#e08a3c);margin-left:auto;font-size:13px;font-weight:600;text-decoration:none}.sa-cta:hover{text-decoration:underline}.sa-main{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow:auto}.sa-midibar{align-items:center;gap:8px;font-size:12px;display:flex}.sa-midibar--muted{opacity:.6}.sa-select{background:var(--input,#23262c);color:inherit;border:1px solid var(--border,#2a2e35);border-radius:6px;padding:3px 6px;font-size:12px}.sa-badge{color:var(--accent-warm,#e08a3c);background:#e08a3c29;border-radius:10px;padding:2px 8px;font-size:11px}.sa-error{color:#e5646e}.sa-led{background:#3a3f47;border-radius:50%;width:9px;height:9px;transition:background .12s}.sa-led--on{background:#5ad17a}