#virtualConsole[hidden]{display:none!important}#virtualConsole{display:none}#virtualStageWhite[hidden]{display:none!important}
@media screen{
html[data-interface=classic] body.virtualConsoleOpen{--virtual-console-height:clamp(182px,23dvh,220px)}
html[data-interface=classic] body.virtualConsoleOpen #virtualConsole{position:fixed;display:flex;flex-direction:column;gap:5px;left:calc(var(--lab-rail,164px) + 18px);right:18px;bottom:10px;height:var(--virtual-console-height);z-index:18;padding:8px 12px;box-sizing:border-box;overflow:visible;background:linear-gradient(#1c2634,#121a25);border:1px solid #485a74;border-top:2px solid #9ab65f;border-radius:12px;box-shadow:0 -10px 30px #0006}
.virtualConsoleHead{display:flex;align-items:center;gap:12px;min-height:26px;font-size:11px}.virtualConsoleTitle{display:flex;align-items:baseline;gap:10px;white-space:nowrap}.virtualConsoleTitle strong{color:#e7f5cc;font-size:13px}.virtualConsoleLegend,.virtualConsoleHead>small{font-size:10px;color:#8498b4}.virtualConsoleHead>small{margin-left:auto;white-space:nowrap}#virtualSelectedNames{margin:0;color:#9db1cd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42%;font-size:11px}#virtualStageWhite{font-size:10px;padding:4px 8px;white-space:nowrap}
#virtualFixtureMenu{position:relative;flex-shrink:0}#virtualFixtureMenu summary{padding:5px 10px;border:1px solid #4d607b;border-radius:6px;background:#243248;cursor:pointer;list-style:none;color:#e4edfb}#virtualFixtureMenu summary:after{content:' ▴';color:#c7ff67}.virtualFixturePanel{position:absolute;bottom:calc(100% + 10px);left:0;width:340px;max-width:calc(100vw - 38px);max-height:min(400px,calc(100dvh - var(--virtual-console-height,210px) - 100px));overflow:auto;padding:12px;background:#172232;border:1px solid #637d9b;box-shadow:0 -10px 35px #0009;border-radius:10px;z-index:40}.virtualFixturePanel button{font-size:11px;padding:7px}#virtualFixtureChoices{display:grid;gap:5px;margin-top:10px}#virtualFixtureChoices label{display:flex;align-items:center;gap:8px;padding:7px;border-radius:6px;background:#202e42;color:#e4edfb;cursor:pointer;font-size:12px}#virtualFixtureChoices input{accent-color:#c7ff67}
#virtualFaderStrips{display:grid;grid-template-columns:repeat(8,minmax(0,1fr)) minmax(0,1.15fr);grid-template-rows:minmax(0,1fr);gap:8px;min-height:0;flex:1}.virtualFaderStrip{display:grid;grid-template-rows:23px 15px minmax(35px,1fr) 22px 12px;gap:3px;min-width:0;min-height:0;height:100%;padding:0 7px;border-left:1px solid #2e3c50;--strip-color:#7dc4ff}.virtualFaderStrip:first-child{border-left:0}.virtualFaderStrip[data-role=panFine],.virtualFaderStrip[data-role=tiltFine]{--strip-color:#b9a1fa}.virtualFaderStrip[data-role=dimmer]{--strip-color:#fff0a9}.virtualFaderStrip[data-role=reset]{--strip-color:#ff909c}.virtualMasterStrip{--strip-color:#c7ff67;border-left:2px solid #597240;padding-left:12px;background:#b8ee4b08;border-radius:5px}
#virtualConsole .virtualBankButton{font-size:10px;font-weight:800;padding:3px 6px;min-height:0;border-radius:5px;background:#202b3b;border:1px solid #4b5f7a;color:#8fa6c6}.virtualBankButton.active{background:#5d487d!important;border-color:#ccadff!important;color:#fff!important;box-shadow:inset 0 0 9px #d8aaff50}#virtualConsole #virtualMasterBlackout{font-size:9px;border-color:#87444d;background:#351d27;color:#ffadb7}#virtualConsole #virtualMasterBlackout.active{background:#ec3346;color:white;border-color:#ffb2bb}
.virtualFaderLabel{text-align:center;color:#dbe6f5;font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.virtualFaderTrack{position:relative;display:flex;align-items:center;justify-content:center;min-height:0}.virtualFaderScale{position:absolute;inset:2px calc(50% + 18px) 2px auto;display:flex;flex-direction:column;justify-content:space-between;color:#687d9b;font:8px ui-monospace,monospace;pointer-events:none}.virtualFaderScale span{position:relative}.virtualFaderScale span:after{content:'';position:absolute;left:calc(100% + 4px);top:50%;width:5px;height:1px;background:#43536b}
#virtualConsole input[type=range]{position:absolute;top:0;left:50%;transform:translateX(-50%);writing-mode:vertical-lr;direction:rtl;appearance:none;-webkit-appearance:none;width:26px;height:100%;min-height:0;margin:0;cursor:ns-resize;touch-action:none;background:transparent;accent-color:var(--strip-color)}#virtualConsole input[type=range]::-webkit-slider-runnable-track{width:5px;border:1px solid #080d14;border-radius:4px;background:linear-gradient(#050a10,#40516a);box-shadow:0 0 0 1px #334256}#virtualConsole input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;box-sizing:border-box;width:27px;height:11px;margin-left:-12px;border:1px solid #b9c7dc;border-radius:3px;background:linear-gradient(#d9e4f3,#7387a3 47%,#182b40 48%,var(--strip-color) 58%,#c0cede);box-shadow:0 2px 5px #0008}#virtualConsole input[type=range]::-moz-range-track{width:5px;border-radius:4px;background:#1a273a}#virtualConsole input[type=range]::-moz-range-thumb{width:25px;height:10px;border:1px solid #c3d2e8;border-radius:3px;background:var(--strip-color)}#virtualConsole input[type=range]:disabled{opacity:.25;cursor:default}
#virtualConsole .virtualFaderNumber{box-sizing:border-box;width:100%;max-width:68px;min-width:0;justify-self:center;height:22px;padding:2px 3px;text-align:center;font:12px ui-monospace,monospace;color:var(--strip-color);background:#0c1420;border:1px solid #34465e;border-radius:5px;appearance:textfield}#virtualConsole .virtualFaderNumber::-webkit-inner-spin-button{appearance:none}#virtualConsole .virtualFaderNumber:disabled{opacity:.35}.virtualFaderInfo{font:9px ui-monospace,monospace;text-align:center;color:#8197b8;overflow:hidden;white-space:nowrap}.virtualFaderStrip[data-mixed=true] .virtualFaderInfo{color:#f1c777}#virtualConsoleStatus{font-size:10px;line-height:13px;margin:0;color:#b4c5dd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:13px}
/* Keep Classic controls in their original positions; only fit the pad banks above the dock. */
html[data-interface=classic] body.virtualConsoleOpen[data-mode=prog] :is(#cueBanks,#progChases) .cuePad{padding:4px}html[data-interface=classic] body.virtualConsoleOpen[data-mode=prog] :is(#cueBanks,#progChases) .cuePad strong{font-size:10px;line-height:12px;margin-top:2px}
html[data-interface=classic] body.virtualConsoleOpen[data-mode=prog] .chasePlaybackFooter{grid-template-columns:46px minmax(0,1fr);gap:4px;margin-top:5px}html[data-interface=classic] body.virtualConsoleOpen[data-mode=prog] #chaseTapTempo{width:44px;height:42px;font-size:13px}html[data-interface=classic] body.virtualConsoleOpen[data-mode=prog] .chaseFooterActions button{font-size:10px;padding:4px 5px}
html[data-interface=classic] body.virtualConsoleOpen[data-mode=stage] .stageLeftTools label:has(#movementZoneScale){display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:5px;white-space:nowrap}html[data-interface=classic] body.virtualConsoleOpen[data-mode=stage] #movementZoneScale{width:100%;min-width:0;margin:0}
@media(max-height:780px){html[data-interface=classic] body.virtualConsoleOpen{--virtual-console-height:172px}html[data-interface=classic] body.virtualConsoleOpen #virtualConsole{padding:6px 8px;gap:3px}.virtualConsoleHead{min-height:22px}.virtualFaderStrip{grid-template-rows:20px 13px minmax(28px,1fr) 20px 10px;gap:2px}.virtualFaderInfo{font-size:8px}#virtualConsole .virtualFaderNumber{height:20px;font-size:11px}.virtualConsoleLegend,.virtualConsoleHead>small{display:none}}
@media(max-width:1100px){.virtualConsoleLegend,.virtualConsoleHead>small{display:none}#virtualSelectedNames{max-width:30%}.virtualFaderStrip{padding:0 3px}.virtualFaderScale{font-size:7px;right:calc(50% + 15px)}.virtualFaderLabel{font-size:10px}#virtualFaderStrips{gap:4px}}
@media(max-width:850px){html[data-interface=classic] body.virtualConsoleOpen #virtualConsole{left:10px;right:10px;bottom:6px}#virtualSelectedNames{max-width:36%}.virtualFixturePanel{left:0}.virtualConsoleHead{gap:8px}.virtualConsoleTitle strong{font-size:11px}.virtualMasterStrip{padding-left:5px}}
@media(max-width:560px){html[data-interface=classic] body.virtualConsoleOpen #virtualConsole{padding:6px;height:182px}.virtualFaderScale{display:none}.virtualFaderLabel{font-size:8px}.virtualFaderStrip{padding:0 1px}#virtualFaderStrips{gap:2px}.virtualFaderInfo{font-size:7px}#virtualConsole #virtualMasterBlackout{font-size:6px;padding:2px 0}.virtualConsoleTitle{display:flex;gap:4px}.virtualConsoleHead{justify-content:space-between}#virtualSelectedNames{max-width:48%}#virtualConsoleStatus{font-size:9px}body.virtualConsoleOpen main{padding-bottom:205px!important}}
}
@media print{#virtualConsole{display:none!important}}

#virtualConsole .virtualConsoleBrand{font:700 15px system-ui,sans-serif;letter-spacing:-.5px;color:#f2f3f8}#virtualConsole .virtualConsoleBrand b{color:var(--brand-dmx,#38c9df);font-weight:750}.virtualControllerName{font-size:11px;color:#c1cede;letter-spacing:.2px}
@media(max-width:560px){#virtualConsole .virtualConsoleBrand{font-size:10px}.virtualControllerName{font-size:9px}#virtualSelectedNames{display:none}.virtualConsoleHead{gap:5px}#virtualFixtureSummary,#virtualStageWhite{font-size:9px;padding:4px}}
