/* Classic shows virtual faders; Lab keeps the same interface for a MIDI controller. */
:root{--console-choice-font-size:14px}
body:not([data-mode=home]){--console-choice-font-size:12px}
#consoleInterface,#identxModel,#identxModel option,#openIdentx{font-size:var(--console-choice-font-size)}
#identxModel option{font-family:inherit;font-weight:inherit}
#interfaceSwitch{display:flex;align-items:center;gap:7px;padding:4px 5px 4px 9px;border:1px solid #465160;border-radius:9px;font-size:11px;color:#b7c2d0;white-space:nowrap}#consoleInterface{padding:5px 8px;border:0;background:#252d3b}#interfaceSwitchStatus{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}body.separateStageScreen #interfaceSwitch{display:none!important}
@media screen{
html[data-interface=classic] body.virtualConsoleOpen[data-mode=prog] #cueDesk .cueTop h2{font-size:20px;margin:2px 0}
html[data-interface=classic] body.virtualConsoleOpen[data-mode=prog] .cueToolbar{margin:6px 0}
html[data-interface=classic] body.virtualConsoleOpen[data-mode=prog] #cueProgGestureHint{font-size:10px;margin:4px 0}
html[data-interface=classic] body.virtualConsoleOpen[data-mode=prog] #midiMonitorBar{margin:5px 0;padding:6px 10px}
html[data-interface=classic] body.virtualConsoleOpen.virtualNoMidi[data-mode=prog] #midiMonitorBar p{display:none}
html[data-interface=classic] body.virtualConsoleOpen[data-mode=prog] #chasePlaybackControls{margin:4px 0 6px}

html[data-interface=classic] body:not(.separateStageScreen){--lab-rail:0px}
html[data-interface=classic] body.virtualConsoleOpen[data-mode=prog] .cueWorkspace,html[data-interface=classic] body.virtualConsoleOpen[data-mode=prog] .cueWorkspace:has(#cueEditor:not([hidden])){height:var(--lab-prog-height,400px);--prog-pad-height:var(--lab-pad-height,64px)}
html[data-interface=classic] body.virtualConsoleOpen[data-mode=prog] #progScenePane{height:var(--lab-prog-height,400px)}html[data-interface=classic] body.virtualConsoleOpen[data-mode=prog] #progScenePane .stage.hasPhoto{width:min(100%,calc(var(--lab-prog-height,400px) * var(--photo-ratio)))}
html[data-interface=classic] body.virtualConsoleOpen[data-mode=stage] :is(.stageLeftTools,.stageSideTools){max-height:var(--stage-space,500px);overflow:auto}
html[data-interface=classic] body.virtualConsoleOpen[data-mode=live] #cueDesk #livePadBoard{height:var(--lab-live-height,500px);min-height:160px}
}
@media screen{
/* The controller workspace uses all the height released by the virtual console. */
html:is([data-interface=lab],[data-interface=identx]) body:not(.separateStageScreen)[data-mode=prog] .cueWorkspace{height:var(--lab-prog-height,580px);--prog-pad-height:var(--lab-pad-height,64px)}
html:is([data-interface=lab],[data-interface=identx]) body:not(.separateStageScreen)[data-mode=prog] #progScenePane{height:var(--lab-prog-height,580px)}
html:is([data-interface=lab],[data-interface=identx]) body:not(.separateStageScreen)[data-mode=prog] #progScenePane .stage.hasPhoto{width:min(100%,calc(var(--lab-prog-height,580px) * var(--photo-ratio)))}
html:is([data-interface=lab],[data-interface=identx]) body:not(.separateStageScreen)[data-mode=live] #cueDesk #livePadBoard{height:var(--lab-live-height,600px);min-height:160px}
html:is([data-interface=lab],[data-interface=identx]) body:not(.separateStageScreen)[data-mode=stage] :is(.stageLeftTools,.stageSideTools){max-height:var(--stage-space,600px);overflow:auto}
}
@media print{#interfaceSwitch{display:none!important}}

#identxModel{width:170px;max-width:170px;min-width:120px;padding:6px}#openIdentx{white-space:nowrap}html[data-interface=identx] header>div:first-child{flex-shrink:0}