/* The header and navigation keep the same footprint on every workspace page. */
@media screen{
html[data-interface] body:not(.separateStageScreen):not([data-mode=home]){height:100dvh;overflow:hidden}
html[data-interface] body:not(.separateStageScreen):not([data-mode=home]) :is(#patchDialog,#toolsPage,#midiPage,#theatrePage){max-height:calc(100dvh - var(--workspace-content-top,102px) - 24px);overflow:auto}
html[data-interface] body:not(.separateStageScreen):not([data-mode=home]) header{height:58px;min-height:58px;padding:6px 16px;gap:8px;flex-wrap:nowrap}
html[data-interface] body:not(.separateStageScreen):not([data-mode=home]) header>div>small{display:none}
html[data-interface] body:not(.separateStageScreen):not([data-mode=home]) header h1{margin:0;font-size:22px}
html[data-interface] body:not(.separateStageScreen):not([data-mode=home]) header>.actions{gap:6px;flex-wrap:nowrap}
html[data-interface] body:not(.separateStageScreen):not([data-mode=home]) header button{font-size:12px;padding:6px 9px}
html[data-interface] body:not(.separateStageScreen):not([data-mode=home]) .modeNav{height:44px;min-height:44px;padding:5px 16px;gap:5px;align-items:center;flex-wrap:nowrap}
html[data-interface] body:not(.separateStageScreen):not([data-mode=home]) .modeNav button{height:32px;min-height:32px;padding:6px 10px;line-height:18px;font-size:12px;font-weight:500;flex-shrink:0}
html[data-interface] body:not(.separateStageScreen):not([data-mode=home]) .modeNav .navHome{margin-right:0}
/* Retain the Prog shortcut's space so the seven tabs never shift sideways. */
html[data-interface] body:not(.separateStageScreen):not([data-mode=home]) #progCommandsButton[hidden]{display:block!important;visibility:hidden;pointer-events:none}
@media(max-width:1050px){
html[data-interface] body:not(.separateStageScreen):not([data-mode=home]) header{height:auto;flex-wrap:wrap}
html[data-interface] body:not(.separateStageScreen):not([data-mode=home]) header>.actions{flex-wrap:wrap}
html[data-interface] body:not(.separateStageScreen):not([data-mode=home]) .modeNav{height:auto;flex-wrap:wrap}
}
}