@import url('./studio-ui.css');
:root{color-scheme:dark;--lighting-left:190px;--lighting-right:310px;--lighting-bottom:52px}
.lighting-library,.lighting-inspector,.lighting-transport{position:fixed;z-index:5;background:#151515;color:#ddd;font:12px/1.5 Arial,sans-serif;box-sizing:border-box}
.lighting-library{inset:0 auto 0 0;width:var(--lighting-left);padding:22px 14px;border-right:1px solid #333;overflow:auto}
.lighting-library h1{font-size:13px;font-weight:400;letter-spacing:.13em;margin:0 0 24px}.lighting-library h2{font-size:10px;color:#888;font-weight:400;letter-spacing:.1em;margin:22px 0 8px}
.lighting-library button,.lighting-transport button,.direction-pad button{background:#252525;color:#ccc;border:1px solid #444;border-radius:6px;padding:7px 10px;cursor:pointer;font:inherit}
.lighting-library button:focus-visible,.lighting-transport button:focus-visible,.direction-pad button:focus-visible{outline:1px solid white;outline-offset:2px}
.lighting-library .source{display:flex;width:100%;text-align:left;align-items:center;justify-content:space-between;margin:5px 0;padding:10px}.lighting-library button[aria-pressed=true],.lighting-transport button[aria-pressed=true],.direction-pad button[aria-pressed=true]{background:#e1e1e1;color:#111;border-color:#e1e1e1}
.lighting-library .actions{display:flex;gap:5px;flex-wrap:wrap}.lighting-library .save-status{display:block;color:#888;min-height:34px;font-size:11px;margin-top:10px}.lighting-library button:disabled{opacity:.35;cursor:default}
.lighting-inspector{inset:0 0 0 auto;width:var(--lighting-right);border-left:1px solid #333;overflow:auto;padding:18px 14px 70px}
.lighting-inspector h2{font-size:14px;font-weight:400;margin:0 0 12px}.lighting-inspector .lil-gui.lil-root{position:relative!important;inset:auto!important;width:100%!important;max-height:none!important;overflow:visible!important;--font-size:12px;--input-font-size:12px;--widget-height:26px;--spacing:6px;--background-color:#151515;--widget-color:#303030;--number-color:#ddd;--string-color:#ddd;--focus-color:#555;--hover-color:#444;--title-background-color:#202020;--name-width:45%}
.lighting-inspector .lil-gui input{font-variant-numeric:tabular-nums}.lighting-inspector .lil-gui .controller{margin:8px 0}.lighting-inspector .hint{font-size:10px;color:#888;margin:8px 0 14px}
.direction-pad{margin-bottom:18px;text-align:center}.direction-pad>svg{display:block;width:190px;height:190px;margin:auto;touch-action:none;cursor:crosshair;outline:none}.direction-pad>svg:focus-visible{outline:1px solid #aaa}.direction-pad text{font:10px Arial;fill:#888;pointer-events:none}.direction-pad .hemisphere{display:flex;justify-content:center;gap:5px;margin:8px}.direction-pad .presets{display:flex;justify-content:center;gap:4px}.direction-pad button{font-size:11px;padding:5px 8px}
.lighting-transport{left:var(--lighting-left);right:var(--lighting-right);bottom:0;height:var(--lighting-bottom);border-top:1px solid #333;display:flex;align-items:center;gap:8px;padding:8px 16px}.lighting-transport .spacer{flex:1}.lighting-transport output{font-variant-numeric:tabular-nums;font-size:11px;color:#999}.lighting-transport button{font-size:11px}
.render-meter{position:absolute;left:10px;top:10px;z-index:4;pointer-events:none;background:#111d;border:1px solid #444;padding:6px;color:#ddd;font:10px/1.4 monospace}.render-meter canvas{display:block;width:98px;height:25px;margin-top:3px}
.lighting-guide{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.lighting-guide line{stroke:#aaa;stroke-width:1;stroke-dasharray:4 4}.lighting-guide circle{fill:#222;stroke:#ddd}.lighting-guide text{fill:#ccc;font:11px Arial}
@media(max-width:1000px){:root{--lighting-left:155px;--lighting-right:280px}.lighting-library{padding:16px 10px}.lighting-transport{gap:5px;padding:7px}.lighting-transport button{padding:6px}}
@media(max-width:720px){:root{--lighting-left:0px;--lighting-right:0px;--lighting-bottom:48px}.lighting-library{inset:0 0 auto 0;width:100%;height:98px;padding:6px;display:flex;align-items:center;gap:7px;overflow:auto;white-space:nowrap}.lighting-library h1,.lighting-library h2,.lighting-library .save-status,.lighting-library .secondary{display:none}.lighting-library .source{width:auto;padding:7px;margin:0;gap:6px;flex-shrink:0}.lighting-library .actions{flex-wrap:nowrap}.lighting-inspector{inset:55% 0 48px;width:100%;padding:12px;display:grid;grid-template-columns:200px minmax(0,1fr);gap:12px}.lighting-inspector h2{grid-column:1/-1;margin:0}.lighting-inspector .direction-pad{margin:0}.lighting-inspector .direction-pad>svg{width:155px;height:155px}.lighting-inspector .scene-controls{grid-column:1/-1}.lighting-inspector .hint{margin:0;font-size:9px}.lighting-transport{overflow:auto;white-space:nowrap}.lighting-transport .view-buttons{display:none}}
@media(max-width:720px){.lighting-library .sources{display:flex;align-items:center;gap:5px}.lighting-library .actions{flex-shrink:0}.lighting-inspector{display:block}.lighting-inspector h2{margin-bottom:8px}.lighting-inspector .direction-pad{display:grid;grid-template-columns:145px minmax(0,1fr);gap:3px;margin:0 0 12px}.lighting-inspector .direction-pad>svg{width:140px;height:140px;grid-row:1/4}.lighting-inspector .direction-pad .hemisphere{margin:0;align-items:center}.lighting-inspector .direction-pad .presets{align-items:center}.lighting-inspector .hint{align-self:center}.lighting-inspector .lil-gui .controller{margin:8px 0}}
.inspection-tools>button{display:block;width:100%;margin:6px 0;font-size:11px;padding:9px 5px;touch-action:none}.inspection-tools label{display:flex;align-items:center;font-size:10px;color:#aaa;gap:4px;margin:12px 0}.inspection-tools details{margin:14px 0;color:#999;font-size:10px}.inspection-tools summary{cursor:pointer}.inspection-tools details .actions{margin-top:8px}.inspection-unavailable>[data-action="before"],.inspection-unavailable>[data-action="influence"],.inspection-unavailable>label{display:none}
.inspection-label{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);z-index:4;max-width:calc(100% - 24px);background:#151515eb;border:1px solid #555;border-radius:6px;padding:7px 12px;color:#ddd;text-align:center;font:11px/1.5 Arial,sans-serif;pointer-events:none}.inspection-label[hidden]{display:none}
@media(max-width:720px){.inspection-tools{display:flex;gap:6px;align-items:center;flex-shrink:0}.inspection-tools>button{width:auto;white-space:nowrap}.inspection-tools>label{white-space:nowrap}.inspection-tools details{display:none}.inspection-label{font-size:10px;width:max-content;bottom:8px}}

.inspection-tools label[hidden]{display:none}

.lighting-inspector .lil-gui{--slider-input-width:70px;--slider-input-min-width:70px}.lighting-inspector .lil-gui .lil-controller{margin:8px 0}

.source-row{display:flex;align-items:center;gap:5px;margin:5px 0;min-width:0}.lighting-library .source-row .source{flex:1;min-width:0;width:auto;margin:0;padding:10px 7px}.source-colors{display:flex;gap:3px;flex-shrink:0}.source-color{appearance:none;-webkit-appearance:none;display:block;width:23px;height:26px;padding:0;background:none;border:1px solid #666;border-radius:5px;cursor:pointer}.source-color::-webkit-color-swatch-wrapper{padding:2px}.source-color::-webkit-color-swatch{border:none;border-radius:2px}.source-color::-moz-color-swatch{border:none;border-radius:2px}.source-color:focus-visible{outline:1px solid #fff;outline-offset:2px}.source-color:disabled{opacity:.35;cursor:default}
@media(max-width:720px){.source-row{flex-shrink:0;margin:0;gap:4px}.lighting-library .source-row .source{padding:7px}.source-color{width:25px;height:28px}}

.source-group{border-top:1px solid #333;margin:10px 0;padding-top:8px}.source-group>summary{padding:4px 0 7px;color:#aaa;font-size:11px;cursor:pointer;user-select:none}.tone-curve{margin:4px 0 18px}.tone-heading{display:flex;align-items:center;justify-content:space-between;color:#aaa;font-size:11px}.tone-heading button{font:inherit;background:#242424;border:1px solid #444;border-radius:5px;color:#ccc;padding:4px 7px;cursor:pointer}.tone-curve>svg{display:block;width:100%;height:auto;margin:8px 0 0;background:#111;border:1px solid #333;border-radius:7px;touch-action:none}.tone-grid{stroke:#333;stroke-width:1;fill:none}.tone-reference{stroke:#555;stroke-dasharray:3 4;fill:none}.tone-line{stroke:#eee;stroke-width:2;fill:none}.tone-curve>svg circle{fill:#eee;stroke:#111;stroke-width:2;cursor:ns-resize;outline:none}.tone-curve>svg circle:focus{fill:#111;stroke:#fff;stroke-width:2}.tone-curve text{fill:#777;font:10px Arial}.tone-curve output{display:block;color:#aaa;font-size:10px;font-variant-numeric:tabular-nums;min-height:18px;margin:5px 0 0}.tone-heading button:focus-visible{outline:1px solid #fff}
@media(max-width:720px){.lighting-library .source-group{display:flex;align-items:center;border:0;margin:0;padding:0;flex-shrink:0;gap:5px}.lighting-library .source-group>summary{display:list-item;white-space:nowrap;padding:7px 4px}.tone-curve>svg{max-height:220px}}

@media(max-width:720px){.lighting-library .source-group-items{display:flex;align-items:center;gap:5px}}

.bezier-tone>svg{aspect-ratio:1;border-radius:0;background:#171717;max-height:none}.bezier-tone .tone-plot{fill:#242424;stroke:#777;stroke-width:1}.bezier-tone .tone-grid{stroke:#505050;stroke-width:.6;fill:none}.bezier-tone .tone-reference{stroke:#777;stroke-width:.8;stroke-dasharray:3 3}.bezier-tone .tone-line{stroke:#f0f0f0;stroke-width:1.6}.bezier-tone .tone-histogram{fill:#555;stroke:none;pointer-events:none;opacity:.8}.bezier-tone .tone-anchor{cursor:move;fill:#151515;stroke:#eee;stroke-width:1.2}.bezier-tone .tone-anchor.selected,.bezier-tone .tone-anchor:focus{fill:#fff;stroke:#eee}.tone-handles line{stroke:#888;stroke-width:.8;pointer-events:none}.tone-handles rect{fill:#171717;stroke:#ccc;stroke-width:1;cursor:move;outline:none}.tone-handles .selected line{stroke:#ccc}.tone-handles .selected rect,.tone-handles rect:focus{fill:#ddd;stroke:#fff}.tone-heading>div{display:flex;gap:4px}.tone-heading button[aria-pressed=true]{border-color:#999;color:#fff}.tone-point-values{display:grid;grid-template-columns:1fr 1fr 26px;gap:8px;align-items:end;margin-top:8px}.tone-point-values label{display:flex;align-items:center;gap:6px;font-size:11px;color:#999}.tone-point-values input{width:100%;min-width:0;background:#303030;border:1px solid #444;border-radius:3px;color:#eee;font:12px/24px Arial;outline:none;padding:0 5px;font-variant-numeric:tabular-nums}.tone-point-values input:focus{border-color:#aaa}.tone-point-values button{height:26px;background:#252525;border:1px solid #444;color:#ddd;border-radius:3px;cursor:pointer}.tone-point-values button:disabled{opacity:.25;cursor:default}.bezier-tone output{margin:6px 0 0;color:#888;font-size:10px}@media(max-width:720px){.bezier-tone>svg{max-height:280px}}

/* Navigation and settings use permanent sections, never disclosure controls. */
.source-group>h3,.comparison-baseline>h3{font-size:11px;font-weight:400;color:#aaa;margin:4px 0 8px}.comparison-baseline{margin-top:14px}.comparison-baseline .actions{margin-top:8px}.lighting-inspector .lil-gui h3.lil-title,.lighting-inspector .lil-gui h3.title{cursor:default;margin:0;font:inherit;display:block}.lighting-inspector .lil-gui h3.lil-title:before,.lighting-inspector .lil-gui h3.title:before{display:none}.lighting-inspector .lil-gui .lil-gui{margin-top:14px}.lighting-inspector .lil-gui .lil-children{height:auto!important;overflow:visible!important}
@media(max-width:720px){.lighting-library{height:auto;max-height:24vh;display:block;white-space:normal}.lighting-library .sources{display:flex;flex-wrap:wrap}.lighting-library .source-group{display:block}.lighting-library .source-group>h3{margin:4px}.lighting-library .source-group-items{display:flex;flex-wrap:wrap}.lighting-library .inspection-tools{flex-wrap:wrap}.lighting-library .comparison-baseline{display:block;margin:0}.lighting-inspector{inset:53% 0 48px}}

@media(min-width:721px){.lighting-library{padding:14px 14px}.lighting-library h1{margin-bottom:12px}.lighting-library h2{margin:12px 0 6px}.lighting-library .save-status{min-height:20px;margin-top:6px}.source-group{margin:6px 0;padding-top:5px}.source-group>h3{margin:2px 0 4px}.source-row{margin:3px 0}.lighting-library .source-row .source{padding:6px 7px}.inspection-tools>button{padding:6px 5px;margin:4px 0}.inspection-tools label{margin:8px 0}.comparison-baseline{margin-top:8px}.comparison-baseline .actions{gap:4px}.comparison-baseline button{padding:5px 6px}.lighting-library [data-action=scene]{padding:7px}}

@media(max-width:720px){body #stage{top:24vh;bottom:47%}}

/* Compact studio shell: artwork remains unfiltered; only editor chrome changes. */
:root{--lighting-left:196px;--lighting-right:296px;--lighting-bottom:48px}
.lighting-library,.lighting-inspector,.lighting-transport{font:12px/1.5 var(--studio-font);background:var(--studio-panel);color:var(--studio-text);border-color:var(--studio-border)}
.lighting-library{padding:16px 12px}.studio-identity{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.lighting-library h1{font:500 13px/1.4 var(--studio-font);letter-spacing:0;margin:0}.lighting-library h2,.source-group>h3,.comparison-baseline>h3{font-size:11px;color:var(--studio-muted);letter-spacing:0;font-weight:400}.lighting-library h2{margin:20px 8px 8px}.lighting-library .actions{gap:6px}.lighting-library .save-status{margin:8px 8px 16px;min-height:18px;color:var(--studio-muted)}
.lighting-library button,.lighting-transport button,.direction-pad button,.tone-heading button{min-height:32px;border:1px solid transparent;border-radius:8px;background:var(--studio-control);font:12px var(--studio-font);color:var(--studio-text);padding:7px 10px;transition:background .12s}
.lighting-library button:hover,.lighting-transport button:hover,.direction-pad button:hover,.tone-heading button:hover{background:var(--studio-hover)}
.lighting-library button[aria-pressed=true],.lighting-transport button[aria-pressed=true],.direction-pad button[aria-pressed=true]{background:#333338;color:#fff;border-color:#ffffff24}
.source-group{border:0;margin:0 0 20px;padding:0}.source-group>h3{margin:0 8px 6px}.source-row{gap:6px;margin:3px 0}.lighting-library .source-row .source{display:flex;justify-content:flex-start;gap:9px;border:0;background:transparent;padding:8px;min-height:36px}.lighting-library .source-row .source[aria-pressed=true]{background:#2b2b30;box-shadow:inset 2px 0 #ddd}.lighting-library .source-row .source:hover{background:#242428}.source small{font-size:10px;margin-left:auto;color:#bbb}.source-color{width:22px;height:28px;border-color:#ffffff26;border-radius:6px}.source-colors{gap:2px}.inspection-tools{padding:0 4px}.inspection-tools>button{width:100%;display:block;text-align:left;padding:8px 10px;margin:4px 0}.inspection-tools label{font-size:11px;color:var(--studio-muted);margin:12px 2px}.inspection-tools input{accent-color:#ccc}.comparison-baseline{margin:18px 0}.comparison-baseline h3{margin:0 4px 8px}.comparison-baseline .actions{display:grid;grid-template-columns:1fr 1fr}.comparison-baseline button{padding:7px 5px}.lighting-library [data-action=scene]{justify-content:flex-start;margin-top:20px;padding:9px}
.lighting-inspector{padding:18px 16px 32px}.lighting-inspector h2{font:500 13px/1.5 var(--studio-font);margin-bottom:18px}.lighting-inspector .lil-gui.lil-root{--font-family:var(--studio-font);--font-size:12px;--input-font-size:12px;--widget-height:28px;--background-color:transparent;--widget-color:var(--studio-control);--hover-color:var(--studio-hover);--focus-color:#3c3c42;--title-background-color:transparent;--text-color:var(--studio-text);--number-color:var(--studio-text);--string-color:var(--studio-text);--name-width:46%;--slider-input-width:68px;--slider-input-min-width:68px}.lighting-inspector .lil-gui .lil-controller{margin:9px 0}.lighting-inspector .lil-gui input,.lighting-inspector .lil-gui button,.lighting-inspector .lil-slider{border-radius:6px}.lighting-inspector .lil-gui .lil-title{color:var(--studio-muted);font-size:11px!important;padding:8px 0;border-top:1px solid var(--studio-border)}.lighting-inspector .lil-gui.lil-root>.lil-title{display:none}.lighting-inspector .lil-gui .lil-gui>.lil-title{display:block}.lighting-inspector .lil-gui .lil-controller.lil-function button{min-height:32px}.lighting-inspector .lil-gui .lil-fill{background:#55555d}
.direction-pad{position:relative;padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid var(--studio-border)}.direction-pad>.ui-help{position:absolute;right:0;top:0}.direction-pad button{font-size:11px}.direction-pad .hemisphere{margin:8px 0}.direction-pad .presets{gap:5px}.lighting-transport{padding:8px 12px;gap:10px}.lighting-transport output{font-size:11px;color:var(--studio-muted)}.lighting-transport .view-buttons{display:flex;gap:4px}.lighting-transport button{padding:6px 10px}.tone-heading{font-size:12px}.bezier-tone>svg{border:0;border-radius:8px;background:var(--studio-bg)}.tone-point-values input{background:var(--studio-control);border-color:var(--studio-border);border-radius:6px;height:30px}.tone-point-values button{height:32px}.bezier-tone output{font-size:11px;color:var(--studio-muted)}
@media(max-width:1000px) and (min-width:721px){:root{--lighting-left:174px;--lighting-right:276px}.lighting-library{padding:14px 10px}.lighting-inspector{padding:16px 12px}}
@media(max-width:720px){:root{--lighting-left:0px;--lighting-right:0px;--lighting-bottom:48px}.lighting-library{height:24vh;max-height:24vh;padding:8px 10px;display:block;overflow:auto}.studio-identity{display:none}.lighting-library .actions{display:flex}.lighting-library h2{display:none}.lighting-library .source-group{margin:5px 8px 0 0;display:block}.source-group>h3{display:none}.lighting-library .source-row .source{padding:6px 8px;min-height:32px}.lighting-library .sources{flex-wrap:nowrap;overflow:auto}.source-group-items{flex-wrap:nowrap!important}.lighting-library .inspection-tools{display:flex;gap:6px;padding:0}.inspection-tools>button{width:auto}.inspection-tools label{margin:6px 0}.comparison-baseline .actions{display:flex}.comparison-baseline h3{display:none}.lighting-library [data-action=scene]{position:absolute;right:10px;top:8px;width:auto;margin:0}.lighting-inspector{inset:53% 0 48px;padding:14px 16px}.lighting-inspector h2{margin-bottom:12px}.direction-pad>.ui-help{right:0;top:0}.lighting-inspector .direction-pad{padding-right:32px;grid-template-columns:140px minmax(0,1fr)}.lighting-transport .view-buttons{display:flex}.lighting-transport{gap:6px;padding:8px}.lighting-transport button{padding:6px 8px}.lighting-transport .spacer{min-width:0}}

@media(max-width:720px){.lighting-library .save-status{display:block;position:absolute;left:126px;top:15px;margin:0;max-width:110px;overflow-wrap:anywhere;font-size:10px}.lighting-library .studio-identity{display:flex;position:absolute;right:96px;top:8px;margin:0}.lighting-library .studio-identity h1{display:none}}

.tone-point-values{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 28px}.tone-point-values label{min-width:0;white-space:nowrap}.tone-point-values input{min-width:0}