#liveView:not([hidden]){position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
body[data-workspace=live] .monitor{background:#050b18}
body[data-workspace=live] #view{visibility:hidden}
body[data-workspace=live] main{grid-template-columns:minmax(0,1fr) minmax(320px,388px)}
body[data-workspace=live] .stage{top:12px}
body[data-workspace=live] aside{max-height:calc(100vh - 145px);overflow-y:auto}
body[data-workspace=live] aside>.block{display:none}
body[data-workspace=live] aside>#outputBlock{display:block}
body[data-workspace=live] aside>#liveDock{display:block;margin:4px 0 12px}
body[data-workspace=live] :is(.preset-strip,.seed-shelf,.under,.view-help,.view-controls,.follow-detail){display:none!important}
body[data-workspace=live] .transport>button:not(#showOutput):not(#recordQuick):not(#full){display:none}
.live-machine-dock{padding:20px;background:linear-gradient(145deg,#151828,#090f20);border:1px solid #93bbed68;border-radius:8px;color:#e2eeff}
.live-machine-heading span{font:10px monospace;letter-spacing:2px;color:#9cdcf2}
.live-machine-heading h2{font:28px/1.1 Georgia,serif;font-weight:400;margin:8px 0}
.live-machine-heading p,.live-machine-controls p{font-size:11px;line-height:1.6;color:#b6c9de}
.live-machine-controls{display:grid;gap:14px;margin-top:22px}
.live-machine-controls label{display:grid;gap:8px;font:11px monospace;letter-spacing:1px;text-transform:uppercase}
.live-machine-controls select{width:100%;min-height:44px;border:1px solid #8ebde582;background:#112338;color:#f4faff;padding:10px;font:14px Georgia,serif}
#liveMachineStatus{margin:0;padding:10px 12px;border-left:2px solid #85d8ff;background:#6ba5c21a}
@media(max-width:760px){body[data-workspace=live] main{display:block}body[data-workspace=live] aside{max-height:none}.live-machine-dock{margin-top:12px}}