#progLeft{display:contents}#progInspector{display:none}body[data-mode=prog] .cueWorkspace,body[data-mode=prog] .cueWorkspace:has(#cueEditor:not([hidden])){grid-template-columns:minmax(330px,.9fr) minmax(420px,1.1fr);align-items:start;gap:20px}body[data-mode=prog] #progLeft{display:block;min-width:0}body[data-mode=prog] #cueEditor{position:static;margin:18px 0;width:auto}body[data-mode=prog] #progInspector{display:block;min-width:0;position:sticky;top:12px;max-height:calc(100dvh - 28px);overflow:auto}body[data-mode=prog] .cueGrid{grid-template-columns:repeat(8,minmax(0,1fr));min-width:0;gap:7px}body[data-mode=prog] .cuePad{min-height:72px;padding:8px;border-radius:7px}body[data-mode=prog] .cuePad strong{font-size:11px;margin-top:6px}body[data-mode=prog] .cuePad img{height:34px}body[data-mode=prog] #toggleMachineControls{display:none}body[data-mode=prog] #programmingPanel,body.showMachineControls[data-mode=prog] #programmingPanel,body.showMachineControls[data-mode=prog] #deskPanel{display:none!important}.progInspectorHead{padding:18px;border-bottom:1px solid var(--line)}#progInspector h2{font-size:19px;margin:8px 0}#progInspector p{font-size:12px;line-height:1.6;color:#b7c7da}#progInspectorEmpty{padding:18px}#progInspectorContent[hidden],#progInspectorEmpty[hidden]{display:none}#progInspectorContent>section{padding:18px;border-bottom:1px solid var(--line)}#progInspector h3{font-size:14px;margin:0 0 12px}#progInspector h3:not(:first-child){margin-top:24px}#progInspector label{font-size:12px}#progInspector .swatches{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}#progInspector .swatch{width:29px;height:29px}#progInspector #colorSquare{display:block;width:min(100%,320px);height:150px}#progInspector input[type=color]{width:58px;height:32px;background:transparent;border:0}#progInspector select{max-width:100%}#progInspector button{font-size:12px}#progInspector #progFxSlot label{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0}.progParameterCategory{padding:14px 18px;border-bottom:1px solid var(--line)}.progParameterCategory summary,.progInspectorHead summary{font-size:13px;cursor:pointer;color:#d4e5f5}.progParameterCategory h4{font-size:12px;color:#c7ff67;margin:18px 0 10px}.progChannelRow{display:grid;grid-template-columns:minmax(100px,1fr) minmax(90px,1fr) 56px;gap:10px;align-items:center;margin:10px 0}.progChannelRow input[type=range]{width:100%;min-width:0;accent-color:var(--accent)}.progChannelRow input[type=number]{width:56px;box-sizing:border-box;background:#101823;border:1px solid #485a70;color:white;padding:6px;border-radius:5px}.progRecordBar{padding:14px 18px;position:sticky;bottom:0;background:#18202df5;border-top:1px solid #52623c;z-index:3}.progRecordBar p{margin-bottom:0}#progFixtureChoices{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}#progFixtureChoices button.active{border-color:#c7ff67;color:#c7ff67}.progInspectorHead .actions{margin-top:12px}@media(max-width:850px){body[data-mode=prog] .cueWorkspace,body[data-mode=prog] .cueWorkspace:has(#cueEditor:not([hidden])){grid-template-columns:1fr}body[data-mode=prog] #progInspector{position:static;max-height:none}body[data-mode=prog] .cuePad{min-height:65px}}@media(max-width:480px){.progChannelRow{grid-template-columns:1fr 90px 48px;gap:6px}.progChannelRow input[type=number]{width:48px}}
