#spatial-realistic-canvas{display:block;flex:1;width:100%;height:100%;min-height:0;touch-action:none}#spatial-realistic-canvas[hidden],#spatial-canvas[hidden]{display:none!important}#spatial-light-controls{width:340px;background:#111820}#spatial-light-controls section[hidden]{display:none}#spatial-light-controls h3{margin:18px 0 10px}#spatial-light-controls label{display:block;margin:11px 0}#spatial-light-controls input,#spatial-light-controls select{width:100%;box-sizing:border-box}#spatial-light-controls .check{display:flex}#spatial-light-controls .check input{width:auto}#spatial-light-controls .two,#spatial-light-controls .vis-three{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.vis-three{grid-template-columns:repeat(3,minmax(0,1fr))!important}.vis-tabs{position:sticky;top:-16px;background:#111820;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px 0;z-index:3}.vis-tabs button{font-size:11px;padding:8px 3px}.vis-tabs [aria-pressed=true]{color:#cbf8ff;border-color:#549db4;background:#233b4b}#spatial-light-controls details{margin:16px 0;padding-top:10px;border-top:1px solid #304150}#spatial-light-controls summary{font-size:12px;font-weight:700;cursor:pointer}#spatial-light-controls button{margin:4px 0}#vis-render-status{padding:12px;background:#17232f;border:1px solid #334555}#vis-profile-dialog{width:min(620px,94vw);max-height:90dvh;overflow:auto;background:#111820;color:#dce6ee}#vis-profile-dialog form label{display:block;margin:12px 0}#vis-profile-dialog form input:not([type=checkbox]),#vis-profile-dialog form select,#vis-profile-dialog textarea{width:100%;box-sizing:border-box}#vis-profile-dialog .two{display:grid;grid-template-columns:1fr 1fr;gap:8px}#vis-profile-dialog .check{display:flex;gap:8px}#vis-profile-error{color:#ff9696}@media(max-width:700px){#spatial-light-controls{width:240px;max-width:45vw;padding:10px}.vis-tabs{grid-template-columns:1fr 1fr;top:-10px}.spatial-toolbar button{font-size:10px}.vis-three{grid-template-columns:1fr!important}}
/* A compact lighting-workspace frame leaves the stage as the focal point. */
#spatial-view{width:96vw;max-width:1800px;height:94dvh;max-height:94dvh;background:#090b0e;border:1px solid #303840;border-radius:8px;padding:0;overflow:hidden}#spatial-view .spatial-toolbar{background:#171b20;border-bottom:1px solid #303840;padding:10px 14px;gap:8px;flex-wrap:wrap}#spatial-view .spatial-toolbar strong{font-size:13px;letter-spacing:.04em;margin-right:12px}#spatial-view .spatial-toolbar button{border-radius:4px;background:#22282e;border:1px solid #3b444d;color:#d9e0e7;padding:6px 10px}#spatial-view .spatial-content{flex:1;min-height:0}#spatial-light-controls{width:310px;padding:16px;background:#15191e;border-right:1px solid #303840}.vis-tabs{background:#15191e}.vis-preset-buttons,.vis-camera-buttons{display:flex;gap:4px}.vis-preset-buttons button{flex:1}#spatial-view .spatial-viewport{background:#020305}#spatial-view .spatial-note{background:#171b20;border-top:1px solid #303840;padding:8px 14px;color:#8b99a6;font-size:11px}#spatial-view.vis-clean #spatial-light-controls,#spatial-view.vis-clean .spatial-note{display:none!important}#spatial-light-controls input[type=range]{accent-color:#62bbd0}#spatial-light-controls output{color:#76cedf;font-variant-numeric:tabular-nums;float:right;font-size:11px}#spatial-light-controls .hint{font-size:11px;color:#94a2af;line-height:1.5}#spatial-light-controls h3{font-size:13px;letter-spacing:.03em}#spatial-light-controls label{font-size:12px}.vis-tabs button{background:#20262d}#spatial-view button:hover{border-color:#63c0d4}@media(max-width:700px){#spatial-light-controls{width:240px}.vis-camera-buttons button{padding:5px!important;font-size:10px}#spatial-view{height:96dvh}}
/* Compact fixture console: output fader, colour chips and folded optics. */
.vis-tabs{grid-template-columns:repeat(3,1fr)}#vis-fixture-panel>h3{margin:8px 0!important}#vis-fixture-panel #light-target-summary{margin:4px 0 10px}.vis-output-colour{display:grid;grid-template-columns:62px minmax(0,1fr);gap:10px}.vis-output-card,.vis-colour-card,.vis-aim-card{border:1px solid #303b45;border-radius:5px;background:#11161c;padding:9px}#spatial-light-controls .vis-intensity-fader{margin:0;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px}#spatial-light-controls .vis-intensity-fader input[type=range],#spatial-light-controls .vis-fader-grid input[type=range]{writing-mode:vertical-lr;direction:rtl;width:24px;height:112px;display:block;margin:auto;cursor:ns-resize}#spatial-light-controls .vis-intensity-fader output{float:none;font-size:15px;font-weight:700}#spatial-light-controls .vis-output-card .check{flex-direction:column;align-items:center;font-size:10px;gap:4px;margin:8px 0 0}#spatial-light-controls .vis-custom-colour{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px!important}#spatial-light-controls .vis-custom-colour input{width:32px;height:28px;padding:1px;border-radius:3px;cursor:pointer}#vis-colour-swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}#spatial-light-controls #vis-colour-swatches button{aspect-ratio:1;min-width:0;max-height:30px;padding:0;margin:0;border-radius:3px;background:var(--swatch);border:2px solid #414950}#vis-colour-swatches button[aria-pressed=true]{outline:2px solid #dcf6fc;outline-offset:1px}#vis-colour-swatches button:disabled{opacity:.3}#spatial-light-controls .vis-colour-modes label{margin:8px 0 0;font-size:10px}#spatial-light-controls .vis-colour-modes input,#spatial-light-controls .vis-colour-modes select,#spatial-light-controls .vis-aim-card input,#spatial-light-controls #vis-advanced input:not([type=range]),#spatial-light-controls #vis-advanced select{padding:5px;font-size:11px;height:29px;min-width:0}#spatial-light-controls [hidden]{display:none!important}.vis-aim-card{margin-top:10px}.vis-aim-card h3{margin:0 0 6px!important}#spatial-light-controls .vis-aim-card label{margin:5px 0;font-size:11px}#vis-advanced details{margin:10px 0!important;padding:9px!important;border:1px solid #303b45!important;border-radius:5px;background:#11161c}#vis-advanced summary{font-size:12px}.vis-fader-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}#spatial-light-controls .vis-fader-grid label{text-align:center;display:flex;flex-direction:column;gap:5px;font-size:11px}#spatial-light-controls .vis-fader-grid output{float:none}#vis-advanced .two label{margin:7px 0;font-size:10px}#vis-advanced input[type=file]{height:auto!important;padding:4px!important;font-size:10px!important}#vis-advanced button{font-size:11px;padding:6px 9px}#vis-materials-panel{display:none!important}
#spatial-light-controls .vis-position-fader{display:flex;flex-direction:column;align-items:center;gap:5px}#spatial-light-controls .vis-position-fader input[type=range]{writing-mode:vertical-lr;direction:rtl;width:24px;height:100px;cursor:ns-resize}#spatial-light-controls .vis-position-fader output{float:none;font-size:14px;color:#76cedf}#vis-random-look{width:100%;font-size:11px!important;background:#244352!important;border-color:#468999!important}
#spatial-light-controls .vis-zoom-fader{display:block;margin-top:12px}#spatial-light-controls .vis-zoom-fader input[type=range]{writing-mode:horizontal-tb;direction:ltr;width:100%;height:24px;cursor:ew-resize;padding:0}#spatial-light-controls .vis-zoom-fader output{float:right;font-size:13px}#flybar-height-dialog{width:min(680px,90vw);max-height:85dvh;overflow:auto;background:#111820;color:#d9e2ea;padding:20px}#flybar-height-dialog label{display:block;margin:12px 0}#flybar-height-value{width:130px;margin-left:12px;padding:8px}#flybar-height-dialog table{width:100%;border-collapse:collapse;font-size:12px;margin:16px 0}#flybar-height-dialog td,#flybar-height-dialog th{padding:8px;border-bottom:1px solid #35424d;text-align:left}#flybar-height-error{color:#ff9999}.flybar-name,.flybar-object-height{cursor:pointer}
#spatial-light-controls .vis-position-fader output[role=button]{cursor:text;border:1px solid #4b6678;border-radius:4px;padding:3px 7px;background:#1b2d39}#spatial-light-controls .vis-position-fader output[role=button]:hover,#spatial-light-controls .vis-position-fader output[role=button]:focus{border-color:#81d7ec;outline:1px solid #81d7ec}#vis-manual-angle-dialog{width:260px;background:#111820;color:#dce5ee;border:1px solid #536878;padding:20px}#vis-manual-angle-dialog input{width:100%;box-sizing:border-box;padding:10px;font-size:18px;margin:10px 0}#vis-manual-angle-dialog .two{display:grid;grid-template-columns:1fr 1fr;gap:8px}#vis-manual-angle-error{color:#ff9999}