/* Fixed instrument chassis for the VST only. */
.instrument-panel{background:linear-gradient(120deg,#302a37,#15131b 45%,#26212e);--acid:#cbb0ec;--violet:#e672cb}
.instrument-panel:before{inset:5px;border-radius:6px;border-color:#93849855}
.instrument-panel header{height:58px;min-height:58px;padding:8px 18px;gap:18px;border-bottom:1px solid #8b779144}
.instrument-panel .wordmark{font-size:32px;letter-spacing:-4px}.instrument-panel .wordmark span{font-size:24px}
.instrument-panel .identity{font-size:19px;letter-spacing:3px}.instrument-panel .identity small{font-size:8px;margin-top:4px;letter-spacing:1.3px}
.instrument-panel .live{font-size:8px;letter-spacing:.7px}.instrument-panel header>#help{width:53px;height:32px;border-radius:5px;font:11px Arial;padding:2px}
.instrument-panel .plugin-preset{width:180px;background:#19151f;border:1px solid #8b739866;padding:7px 10px;font:12px Georgia;color:#e4d6e9;border-radius:4px}
.instrument-panel main{height:calc(100vh - 242px);padding:12px 14px 0;grid-template-columns:minmax(0,1fr) 292px;gap:14px;max-width:none}
.instrument-panel .stage{height:100%;overflow:visible;padding:0;position:relative;display:flex;flex-direction:column}
.instrument-panel .monitor{flex:1;min-height:0;aspect-ratio:auto;margin:0 3px;border-radius:5px;box-shadow:0 0 0 3px #08070a,0 0 0 4px #64556c88,inset 0 0 30px #000}
.instrument-panel .monitor:after{inset:4px;border-radius:3px}
.instrument-panel .transport{flex-wrap:nowrap;gap:4px;padding:12px 0 5px}.instrument-panel .transport button{font:10px Arial;padding:7px 8px;border-radius:3px;white-space:nowrap}
.instrument-panel .view-controls{position:absolute;left:19px;bottom:63px;z-index:2;font-size:9px;pointer-events:none}
.instrument-panel .follow-detail{margin:3px 0 7px;font-size:9px;line-height:14px}
.instrument-panel .view-help,.instrument-panel .preset-strip,.instrument-panel .under,.instrument-panel footer,.instrument-panel .dial-hint{display:none}
.instrument-panel aside{margin:0;max-height:100%;border-radius:5px;box-shadow:inset 0 0 0 2px #aaaaaa08;overflow:auto}
.instrument-panel aside:before{display:none}.instrument-panel .rack-heading{padding:11px 14px;position:static}.instrument-panel .rack-heading strong{font-size:12px;letter-spacing:2px}.instrument-panel .rack-heading span{font-size:8px}
.instrument-panel .rack-tabs{display:flex;padding:6px;gap:2px;flex-wrap:wrap}.instrument-panel .rack-tabs button{flex:1;font:10px Arial;padding:7px 4px}
.instrument-panel .block{padding:10px 13px}.instrument-panel .section-title{display:none}.instrument-panel .image-picker{min-height:42px;margin:8px 0 12px;padding:7px;font-size:10px}.instrument-panel .image-picker small{font-size:8px}
.instrument-panel .dial-bank{gap:10px 8px}.instrument-panel .knob{max-width:70px}.instrument-panel .rotary-control label{font:10px Georgia;letter-spacing:.3px}.instrument-panel .rotary-control output{font-size:9px;padding:2px 7px}
.instrument-panel .family-control{padding-bottom:8px;margin:0}.instrument-panel .family-control select{font-size:12px;padding:6px}.instrument-panel .family-control .control-head{margin:0 0 6px}
.instrument-panel .modes{margin:0}.instrument-panel .modes button{font-size:9px;padding:7px 2px}
.instrument-panel .plugin-performance{display:grid!important;grid-template-columns:180px minmax(0,1fr);gap:24px;height:155px;margin:8px 14px 0;padding:12px 18px;background:radial-gradient(ellipse at 50% 0,#6d49684a,transparent 65%),linear-gradient(160deg,#39313f,#201b26);border:1px solid #9c84a255;border-radius:5px;box-shadow:inset 0 1px #fff1}
.instrument-panel #musicControls{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:center}.instrument-panel #musicControls .knob{max-width:88px;margin:0}.instrument-panel #musicControls .rotary-control label{font-size:11px;letter-spacing:.3px}.instrument-panel .knob-sigil{stroke:#d4a8ee}.instrument-panel .knob-pointer{stroke:#f398db}.instrument-panel .knob-pointer circle{fill:#f29cdd}
.instrument-panel .plugin-signal{border-right:1px solid #95749b44;padding-right:18px;align-self:center}.instrument-panel .plugin-signal strong{font:15px Georgia;letter-spacing:1px;color:#e4c4f1}.instrument-panel .plugin-signal small{display:block;font:8px monospace;color:#bba4c4;margin:5px 0}.instrument-panel #audioStatus{font:9px monospace;margin:8px 0}
.instrument-panel .audio-meters{margin:8px 0;gap:5px}.instrument-panel #hostHold{font-size:9px;padding:5px 10px;border-radius:3px;background:#18131e}.instrument-panel #hostHold.active{background:#ad75c4;color:#160b20}
.instrument-panel .plugin-footer{height:19px;margin:5px 20px 0;font:8px monospace;letter-spacing:.35px;color:#a293aa}
.instrument-panel .plugin-seeds{position:absolute;z-index:8;left:12px;right:12px;bottom:77px;padding:14px;background:#211926f5;border:1px solid #a182b3;border-radius:5px;box-shadow:0 6px 28px #000b}.instrument-panel .seed-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:4px}.instrument-panel .seed-grid canvas{max-height:70px}.instrument-panel .seed-heading{margin-bottom:10px}.instrument-panel .seed-heading button{padding:2px 9px}.instrument-panel .seed-shelf .micro{display:none}
@media(max-width:900px){.instrument-panel main{grid-template-columns:minmax(0,1fr) 240px}.instrument-panel .plugin-performance{grid-template-columns:135px minmax(0,1fr);gap:10px;padding:12px 10px}.instrument-panel #musicControls{gap:4px}.instrument-panel #musicControls .rotary-control label{font-size:9px}.instrument-panel .plugin-preset{width:130px}.instrument-panel .transport button{font-size:9px;padding:6px 5px}}

.instrument-panel .rack-tabs{display:grid;grid-template-columns:repeat(3,1fr)}
.instrument-panel #voiceControls,.instrument-panel #orbitControls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 5px}.instrument-panel .orbit-heading{display:block;margin:17px 0 12px;border-top:1px solid #9977aa44;padding-top:12px}.instrument-panel .orbit-heading h2{font:11px Georgia;color:#c8a5df}.instrument-panel #rack-panel-voices>.micro{font:10px/1.7 monospace;margin:0 0 16px}.instrument-panel #orbitControls .knob,.instrument-panel #voiceControls .knob{max-width:76px}

.instrument-panel .plugin-spectrum{position:absolute;right:22px;bottom:19px;height:24px;display:flex;align-items:flex-end;gap:3px;pointer-events:none;background:#09050dbb;padding:0 5px}.instrument-panel .plugin-spectrum i{display:block;width:4px;height:2px;background:#c895ff;box-shadow:0 0 5px #c67fff66}.instrument-panel .plugin-spectrum i[data-voice="1"]{background:#ef99df}.instrument-panel .plugin-spectrum i[data-voice="2"]{background:#e2d0ff}.instrument-panel #clock{display:none}.instrument-panel header .plugin-steady{white-space:nowrap;margin:0;font:9px monospace;color:#c7b3d1}.instrument-panel header .plugin-steady input{margin:0 4px 0 0}.instrument-panel header{gap:13px}.instrument-panel .live{margin-left:auto}@media(max-width:950px){.instrument-panel header .live{display:none}.instrument-panel header{gap:10px}.instrument-panel .identity{font-size:16px}.instrument-panel .identity small{letter-spacing:.3px;font-size:7px}.instrument-panel .plugin-preset{width:120px}}

.instrument-panel .view-controls{bottom:83px;left:19px;background:#09050dcc;padding:3px 6px;border-radius:3px}

.instrument-panel .wordmark{gap:5px;padding-right:9px}.instrument-panel .brand-icon{width:35px;height:35px}.instrument-panel .wordmark .brand-letters{font-size:26px;letter-spacing:-2px}

/* The native panel now houses the same three workspaces. Keep the monitor
   usable while Beam and Field controls scroll in the instrument side bank. */
.instrument-panel .workspace-tabs{margin-left:0;padding:2px;gap:2px}
.instrument-panel .workspace-tabs button{min-width:51px;padding:7px 5px;font-size:9px}
.instrument-panel[data-workspace=beam] main,.instrument-panel[data-workspace=field] main{height:calc(100vh - 242px);grid-template-columns:minmax(0,1fr) 292px}
.instrument-panel[data-workspace=beam] aside,.instrument-panel[data-workspace=field] aside{max-height:100%;overflow:auto}
.instrument-panel #scopeDock,.instrument-panel #fieldDock{margin:6px 0 12px;padding:12px}
.instrument-panel .scope-body{display:block}
.instrument-panel .scope-body>canvas{max-width:170px;margin:0 auto 14px}
.instrument-panel .scope-fields,.instrument-panel .field-controls{grid-template-columns:repeat(2,minmax(0,1fr))}
.instrument-panel .scope-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.instrument-panel .scope-fields label,.instrument-panel .field-controls label{font-size:9px;letter-spacing:0}
@media(max-width:950px){.instrument-panel .workspace-tabs button{min-width:43px;font-size:8px;padding:6px 3px}.instrument-panel[data-workspace=beam] main,.instrument-panel[data-workspace=field] main{grid-template-columns:minmax(0,1fr) 240px}}
