#programmingOverlay{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden}.stage .lamp{z-index:2}.stage .lamp.mappedBeam .beam{display:none}.planProgrammingBar{padding:12px 18px;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.planProgrammingBar button,.planProgrammingBar label{font-size:12px}.planProgrammingBar label{display:flex;align-items:center;gap:8px}.planProgrammingBar p{width:100%;margin:2px 0;color:#b6c9df;font-size:12px;line-height:1.5}.planProgrammingBar input{accent-color:var(--accent)}.programmingPanel{margin-top:18px}.programmingGrid{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:20px;padding:0 18px 20px}.programmingGrid>section{min-width:0}.programmingGrid h3{font-size:14px}.programmingGrid label{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px;margin:12px 0}.programmingGrid input[type=range]{accent-color:var(--accent);flex:1;min-width:90px}.programmingGrid input[type=number]{background:#111923;color:white;border:1px solid #3f4c5b;border-radius:6px;padding:8px;width:85px}.programmingGrid select{max-width:100%;font-size:12px}.programmingGrid button{font-size:12px}.programmingGrid p{font-size:12px;line-height:1.6;color:#a8bbd1}.programmingGrid .swatches{gap:6px;margin-bottom:14px}.programmingGrid .swatch{width:26px;height:26px}.programmingGrid input[type=color]{height:36px;width:60px;background:transparent;border:0;padding:0}#colorSquare{width:220px;max-width:100%;height:160px;border:1px solid #52677f;border-radius:8px;touch-action:none;cursor:crosshair}.goboChoices{display:grid;grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:7px;max-height:230px;overflow:auto}.goboChoice{padding:6px!important;display:flex;flex-direction:column;align-items:center;gap:5px;min-height:60px}.goboChoice img{width:44px;height:44px;object-fit:contain;background:#fff;border-radius:50%}.goboChoice span{font-size:10px}#savedProgramFx .actions{margin-top:8px}.programmingPanel .bar small{color:#c7ff67}body[data-mode=stage] .programmingPanel{display:none}@media(max-width:1000px){.programmingGrid{grid-template-columns:1fr 1fr}.programmingGrid>section:last-child{grid-column:1/-1}}@media(max-width:600px){.programmingGrid{grid-template-columns:1fr}.programmingGrid>section:last-child{grid-column:auto}.planProgrammingBar{gap:8px}}

.stage.tracerActive{cursor:crosshair;outline:2px solid var(--accent)}#cueTracerStatus{margin:0 0 14px;color:#c7ff67;font-size:13px;line-height:1.6}#cueTracerToggle.active,#tracerToggle.active{background:#c7ff67;color:#10170d;border-color:#c7ff67}

#programmingOverlay .movableBeamSpot{pointer-events:all;cursor:grab;touch-action:none;stroke:transparent;stroke-width:1}#programmingOverlay .movableBeamSpot:hover,#programmingOverlay .movableBeamSpot:focus-visible{stroke:#c7ff67aa;stroke-dasharray:4 4;outline:none}.stage.draggingBeamSpot,#programmingOverlay .movableBeamSpot:active{cursor:grabbing}.stage.draggingBeamSpot .movableBeamSpot{cursor:grabbing}