.sy-panel{background:var(--surface);border-radius:8px;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.sy-header{border-bottom:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap;align-items:center;gap:14px;padding:10px 12px;display:flex}.sy-logo{letter-spacing:.08em;color:var(--warm);white-space:nowrap;font-weight:700}.sy-logo-sub{letter-spacing:normal;color:var(--text-muted);font-size:12px;font-weight:400}.sy-field{color:var(--text-muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.sy-select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:4px 6px;font-size:12px}.sy-actions{gap:8px;margin-left:auto;display:inline-flex}.sy-body{flex-direction:column;flex:1;gap:12px;min-height:0;padding:10px 12px 4px;display:flex;overflow-y:auto}.sy-section h4{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0 0 6px;font-size:11px}.sy-knobs{flex-wrap:wrap;align-items:flex-end;gap:8px 14px;display:flex}.sy-osc{border:1px solid var(--border-muted);background:var(--surface-2);border-radius:6px;gap:8px 14px;padding:6px 8px;display:flex}.sy-knob{color:var(--text-muted);flex-direction:column;gap:2px;min-width:74px;font-size:11px;display:flex}.sy-knob input[type=range]{width:84px;accent-color:var(--warm)}.sy-knob-hw{cursor:ns-resize;touch-action:none;filter:drop-shadow(0 4px 5px #0000007a);width:46px;height:46px;margin:2px auto 0;display:block}.sy-knob-hw img{pointer-events:none;width:100%;height:100%;display:block}.sy-knob-hw:hover img,.sy-knob-hw:active img{filter:drop-shadow(0 0 8px var(--spectral-ring))}.sy-knob-label{font-weight:600}.sy-learn{border:1px solid var(--border);color:var(--text-subtle);cursor:pointer;vertical-align:1px;background:0 0;border-radius:4px;padding:0 4px;font-size:9px}.sy-learn:hover{color:var(--warm);border-color:var(--warm)}.sy-learn--armed{color:var(--warm);border-color:var(--warm);animation:.8s ease-in-out infinite sy-learn-blink}.sy-learn--bound{color:var(--accent);border-color:var(--accent-ring)}@keyframes sy-learn-blink{50%{opacity:.35}}.sy-knob-value{color:var(--text);font-size:10.5px}.sy-keys{gap:6px;display:flex}.sy-key{border:1px solid var(--border);background:var(--surface-3);min-width:42px;min-height:44px;color:var(--text);cursor:pointer;border-radius:6px;font-size:11.5px;font-weight:600}.sy-key:hover{border-color:var(--warm);color:var(--warm)}.sy-key:active{background:var(--warm-dim)}.sy-arp-apply{align-self:center}.sy-footer{color:var(--text-muted);border-top:1px solid var(--border);background:var(--surface-2);padding:8px 12px;font-size:11.5px}.ss-note-label{font-variant-numeric:tabular-nums;cursor:default;opacity:.8;justify-content:center;font-size:11px}.ss-grid .dm-step{min-height:20px}.ss-step--tie{background:var(--accent-warm,#e08a3c);opacity:.55;border-radius:0}