.lighting-lab{--light-line:#40513a;--light-panel:#222c20;--light-ink:#e6eddf;--light-muted:#b3c2a7;color:var(--light-ink);min-width:0;padding-bottom:24px}
.light-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin:4px 0 26px}.light-heading>div:first-child{max-width:650px}.light-back{display:flex;align-items:center;min-height:44px;color:#bfd5a8;font-size:13px;margin-bottom:10px;text-decoration:underline;text-underline-offset:4px}.light-heading .eyebrow{font-size:10px;letter-spacing:1.5px}.light-heading h1{font-size:clamp(34px,4vw,58px);letter-spacing:-2px;line-height:1.03;margin:15px 0 18px}.light-heading h1 em{color:var(--lime,#c2f368);font-style:normal}.light-heading p{font-size:15px;line-height:1.8;color:var(--light-muted);max-width:550px}.light-mode-switch{display:flex;gap:4px;padding:5px;border:1px solid #46573c;border-radius:10px;background:#1e271c;flex-shrink:0}.light-mode{border:0;background:transparent;color:#b8c9a9;border-radius:6px;min-height:46px;padding:10px 19px;font:inherit;font-size:14px;cursor:pointer}.light-mode.is-active{background:#c2f368;color:#20301b;font-weight:700}.lighting-lab button:focus-visible,.lighting-lab input:focus-visible,.lighting-lab select:focus-visible,.lighting-lab summary:focus-visible{outline:3px solid #d5ffac;outline-offset:4px}.lighting-lab .button{font-size:14px;min-height:46px;padding:12px 17px;line-height:1.5}.lighting-lab select{display:block;width:100%;min-height:46px;font:inherit;font-size:16px;padding:11px 35px 11px 12px;background:#172215;color:#e4eedb;border:1px solid #647b50;border-radius:7px}.lighting-lab input[type=range]{display:block;width:100%;height:44px;accent-color:var(--lime,#c2f368);margin:5px 0 1px;cursor:pointer;touch-action:pan-y}.lighting-lab input:disabled,.lighting-lab select:disabled{opacity:.6;cursor:default}.light-free-note{display:flex;align-items:flex-start;gap:12px;background:#263421;border:1px solid #485c3a;border-radius:10px;padding:17px 20px;margin-bottom:20px}.light-free-note p{color:#c0d2af;font-size:14px;line-height:1.75;margin:0}.light-free-note b{color:#e0f0d1}.light-live-dot{width:8px;height:8px;background:#c2f368;border-radius:50%;margin-top:9px;flex-shrink:0}.light-guide,.light-model-note{background:#1e291c;border:1px solid var(--light-line);border-radius:10px;margin-bottom:24px}.light-guide>summary,.light-model-note>summary{font-size:15px;font-weight:600;padding:16px 20px;min-height:48px;cursor:pointer}.light-guide>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:0 20px 20px}.light-guide b{font-size:14px;color:#d4e9bc}.light-guide p{font-size:13px;line-height:1.75;color:var(--light-muted);margin:8px 0 0}.light-workbench{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:24px;align-items:start}.light-preview-column{min-width:0}.light-live-card{border:1px solid #64784f;padding:17px;background:#1d291c;border-radius:12px;overflow:hidden;box-shadow:0 12px 25px #0002}.light-card-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.light-card-heading .eyebrow{font-size:9px;letter-spacing:1.5px;color:#acbf98}.light-card-heading h2{font-size:25px;letter-spacing:-.8px;line-height:1.15;margin-top:9px}.light-card-heading>span{font-size:12px;color:#b7cea2;flex-shrink:0}.light-live-label{display:flex;align-items:center;gap:6px;font-size:9px!important;letter-spacing:.5px}.light-live-label>i{width:6px;height:6px;border-radius:50%;background:#c2f368}.light-preview{border-radius:8px;background:#101810;overflow:hidden;min-width:0}.light-preview>svg{display:block;width:100%;height:400px;max-height:52vh}.light-preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px}.light-preview-bottom>span{font-size:13px;color:#cbdaba}.light-quick-capture{font-size:12px!important;padding:10px 13px!important;white-space:nowrap}.light-description{font-size:13px;line-height:1.8;color:#bbcdae;margin:17px 3px}.light-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 24px}.light-metrics>div{background:#202d1d;border:1px solid #3c4f32;border-radius:8px;padding:14px 16px}.light-metrics span{display:block;font-size:12px;color:#b5c9a2;line-height:1.5}.light-metrics b{display:block;font-size:22px;letter-spacing:-.6px;color:#e5f1da;margin:6px 0}.light-metrics small{display:block;font-size:11px;line-height:1.6;color:#9fb68a}.light-map-card{border:1px solid var(--light-line);background:var(--light-panel);border-radius:12px;padding:20px}.light-map-card>p{font-size:13px;line-height:1.75;color:var(--light-muted)}.light-map{position:relative;aspect-ratio:1;max-width:430px;margin:18px auto 12px;overflow:hidden;border:1px solid #587248;border-radius:10px;touch-action:none;cursor:crosshair}.light-map-grid,.light-map-beam{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.light-map-beam>svg{display:block;width:100%;height:100%}.light-map-back,.light-map-front{position:absolute;left:50%;transform:translateX(-50%);font-size:11px;color:#abc198;white-space:nowrap;pointer-events:none;background:#18281fdd;padding:4px 8px;border-radius:4px}.light-map-back{top:10px}.light-map-front{bottom:10px}.light-source{position:absolute;left:50%;top:70%;transform:translate(-50%,-50%);display:grid;place-items:center;background:#c2f368;color:#29401f;border:3px solid #e2ffc2;border-radius:11px;width:46px;height:46px;padding:0;cursor:grab;box-shadow:0 3px 16px #0005;touch-action:none;z-index:2}.light-source:active{cursor:grabbing}.light-source.is-off{background:#53624a;color:#c7d3be;border-color:#87987a}.light-map-legend{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#c5d8b4;margin-top:14px}.light-map-legend span:first-child{display:flex;align-items:center;gap:7px}.light-map-legend i{display:inline-block;width:9px;height:9px;background:#c2f368;border-radius:3px}.light-map-note{font-size:12px!important;margin:14px 0 0}.light-controls{min-width:0;padding:23px;background:var(--light-panel);border:1px solid var(--light-line);border-radius:12px}.light-controls .light-card-heading{margin-bottom:25px}.light-controls .light-card-heading h2{font-size:28px}.light-selector{margin:0 0 18px}.light-selector>label,.light-mission>label{display:block;font-size:13px;margin-bottom:8px;color:#d3e0c7}.light-selector>p{font-size:12px;line-height:1.75;color:#aabe9b;margin:9px 0 0}.light-toggle{display:flex;align-items:center;justify-content:space-between;gap:15px;border-block:1px solid #405336;padding:16px 0;margin-bottom:20px}.light-toggle b{font-size:14px}.light-toggle small{display:block;font-size:12px;color:#acc19c;line-height:1.7;margin-top:5px}.light-toggle input{width:24px;height:24px;accent-color:#c2f368;flex-shrink:0}.light-control{padding:19px 0 11px;border-top:1px solid #405336}.light-control>label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;font-weight:600}.light-control output{font-size:22px;color:#dff4c9;font-weight:700;letter-spacing:-.5px;white-space:nowrap;font-variant-numeric:tabular-nums}.light-range-ends{display:flex;justify-content:space-between;gap:12px;font-size:11px;line-height:1.5;color:#a9be97}.light-range-ends>span:last-child{text-align:right}.light-control summary{min-height:44px;padding:12px 0;color:#c9e2b0;font-size:12px;cursor:pointer;line-height:1.65}.light-control details p{font-size:13px;line-height:1.8;color:#b9cca8;margin:0 0 8px}.light-control-actions{display:flex;flex-direction:column;gap:10px;border-top:1px solid #405336;padding-top:20px;margin-top:4px}.light-save-status{font-size:12px;line-height:1.7;color:#b7cba4;margin:14px 0 0}.light-feedback-slot{grid-column:1/-1;scroll-margin-top:20px}.light-feedback-slot:empty{display:none}.light-feedback{background:#283721;border:1px solid #6a8450;border-radius:10px;padding:25px}.light-feedback.is-learning{background:#332e21;border-color:#8b7651}.light-feedback h2{font-size:25px;line-height:1.2;letter-spacing:-.7px;margin:0 0 12px}.light-feedback p{font-size:14px;line-height:1.8;color:#c4d3b5;margin:9px 0}.light-feedback.is-learning p{color:#d3c4a8}.light-feedback ul{list-style:none;padding:0;display:grid;gap:13px;margin:18px 0}.light-feedback li{display:flex;gap:10px;align-items:flex-start}.light-check{font-size:18px;color:#e2bd83;line-height:1.5}.light-check.is-ok{color:#c2f368}.light-feedback li b{display:block;font-size:13px;color:#e5efdd}.light-feedback li div>span{display:block;font-size:12px;color:#baccab;line-height:1.75;margin-top:4px}.light-feedback .button{margin-top:12px}.light-model-note{margin-top:25px}.light-model-note>p,.light-model-note>a{display:block;padding:0 20px;font-size:13px;line-height:1.8;color:#b8cda7;margin:0 0 15px}.light-model-note>a{min-height:44px;text-decoration:underline;text-underline-offset:4px;color:#d0e6b9}.light-captures{border:1px solid var(--light-line);border-radius:12px;padding:24px;background:#202b1d;margin-top:25px}.light-captures h2{font-size:28px}.light-empty{display:flex;align-items:center;gap:20px;background:#172314;border:1px dashed #4e683c;border-radius:8px;padding:25px}.light-empty>span{font-size:38px;font-weight:bold;letter-spacing:-2px;color:#76955b}.light-empty p{font-size:14px;line-height:1.8;color:#b3c9a0;margin:0}.light-empty b{color:#e2efd7}.light-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px}.light-comparison figure{margin:0;min-width:0;border:1px solid #4f6740;background:#152012;border-radius:8px;padding:10px}.light-comparison figcaption{font-size:13px;font-weight:bold;color:#d0e2be;margin:3px 3px 10px}.light-comparison svg{display:block;width:100%;height:260px;max-height:38vh}.light-capture-settings{font-size:13px;color:#c1d5ad;line-height:1.8;margin:17px 0}.light-capture-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.light-capture{display:flex;align-items:flex-start;gap:11px;text-align:left;background:#283820;border:1px solid #506b3e;border-radius:8px;padding:14px;color:#d5e5c7;min-height:60px;cursor:pointer;font:inherit;font-size:13px;line-height:1.5}.light-capture>b{font-size:20px;color:#a2c27d}.light-capture small{display:block;font-size:11px;color:#a9c096;margin-top:5px;line-height:1.65}.light-capture.is-selected{background:#364e26;border-color:#aacb82}.light-small{font-size:12px;line-height:1.75;color:#a6bc95;margin:14px 0 0}.light-mission{padding:24px;background:#25321f;border:1px solid #536b40;border-radius:12px;margin:0 0 22px}.light-mission>h2{font-size:29px;line-height:1.2;letter-spacing:-.8px;margin:21px 0 13px}.light-mission>p{font-size:15px;line-height:1.8;color:#c1d3af}.light-mission-teaching{background:#192713;padding:18px 20px;border-radius:8px;margin:18px 0}.light-mission-teaching>b{display:block;font-size:14px;color:#d8efbf}.light-mission-teaching>p{font-size:14px;line-height:1.85;color:#bfd4aa;margin:8px 0 0}.light-criteria summary{font-size:14px;min-height:44px;padding:12px 0;cursor:pointer;color:#d2e9bb}.light-criteria ul{padding-left:20px;margin:6px 0 12px}.light-criteria li{font-size:13px;color:#d4e3c6;margin:10px 0;line-height:1.7}.light-criteria li>span{display:block;font-size:12px;color:#b4c99f}.light-mission-note{font-size:13px!important;color:#aec39a!important}.light-readonly h1{font-size:32px;line-height:1.15;max-width:700px}.light-readonly p{font-size:15px;line-height:1.8;max-width:650px}.light-capture-pulse{animation:light-pulse .45s ease-out}@keyframes light-pulse{from{box-shadow:0 0 0 2px #c2f36888}to{box-shadow:0 12px 25px #0002}}
@media(max-width:1100px){.light-heading{display:block}.light-mode-switch{margin-top:22px;width:max-content}.light-workbench{gap:17px;grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr)}.light-controls{padding:19px}.light-card-heading h2{font-size:23px}.light-preview>svg{height:340px}.light-preview-bottom{flex-wrap:wrap}.light-preview-bottom .button{flex:1}.light-metrics{gap:9px}.light-metrics>div{padding:12px}.light-control>label{font-size:13px}.light-control output{font-size:21px}.light-map-card{padding:17px}.light-guide>div{grid-template-columns:1fr;gap:15px}}
@media(max-width:850px){.light-workbench{grid-template-columns:1fr}.light-preview-column{display:contents}.light-live-card{position:sticky;top:8px;z-index:24;box-shadow:0 8px 20px #0008}.light-preview>svg{height:270px;max-height:34vh}.light-live-card>.light-card-heading{margin-bottom:10px}.light-live-card h2{font-size:21px;margin-top:5px}.light-preview-bottom{flex-wrap:nowrap;margin-top:9px}.light-description{margin:0 3px 5px}.light-metrics{margin:0 0 5px;grid-template-columns:repeat(4,minmax(0,1fr))}.light-metrics b{font-size:19px}.light-metrics span,.light-metrics small{font-size:11px}.light-map-card{margin-top:0}.light-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 23px;padding:22px}.light-controls>.light-card-heading,.light-controls>.light-toggle,.light-control-actions,.light-save-status{grid-column:1/-1}.light-control-actions{flex-direction:row}.light-control-actions .button{flex:1}.light-feedback-slot{scroll-margin-top:390px}.light-map-card>p{max-width:650px}.light-map{max-width:370px}.light-guide{margin-bottom:18px}.light-comparison svg{height:230px}}
@media(max-width:550px){.light-heading h1{letter-spacing:-1.6px;font-size:36px}.light-heading p{font-size:14px}.light-heading .eyebrow{font-size:9px}.light-mode-switch{width:100%}.light-mode{flex:1;padding:10px 12px}.light-free-note{padding:15px}.light-free-note p{font-size:13px}.light-guide>summary,.light-model-note>summary{font-size:14px;padding:15px 16px}.light-guide>div{padding:0 16px 18px}.light-live-card{padding:11px;top:5px;border-radius:10px}.light-live-card .eyebrow{font-size:8px}.light-live-card .light-card-heading>span{font-size:8px!important}.light-preview>svg{height:230px;max-height:31vh}.light-preview-bottom>span{font-size:12px}.light-quick-capture{font-size:12px!important;min-height:44px!important}.light-metrics{grid-template-columns:1fr 1fr}.light-metrics span{font-size:12px}.light-metrics small{font-size:11px}.light-metrics b{font-size:21px}.light-controls{display:block;padding:21px 18px}.light-control{padding-top:21px}.light-control>label{font-size:14px}.light-control output{font-size:23px}.light-range-ends{font-size:11px}.light-control-actions{display:flex;flex-direction:column}.light-card-heading h2{font-size:24px}.light-map-card{padding:17px}.light-map-card>p,.light-map-note{font-size:12px!important}.light-map{max-width:none;margin-top:15px}.light-model-note>p,.light-model-note>a{padding-inline:16px}.light-captures{padding:20px 16px}.light-captures h2{font-size:25px}.light-capture-list{grid-template-columns:1fr}.light-comparison{gap:8px}.light-comparison figure{padding:7px}.light-comparison figcaption{font-size:12px}.light-comparison svg{height:165px}.light-capture-settings{font-size:12px}.light-restore{width:100%;font-size:13px!important}.light-empty{padding:20px 15px;gap:15px}.light-empty p{font-size:13px}.light-mission{padding:20px 17px}.light-mission>h2{font-size:26px}.light-mission>p{font-size:14px}.light-mission-teaching{padding:16px}.light-mission-teaching>p{font-size:13px}.light-mission .light-card-heading{flex-wrap:wrap;gap:10px}.light-feedback{padding:21px 18px}.light-feedback h2{font-size:24px}.light-feedback p{font-size:13px}.light-feedback-slot{scroll-margin-top:350px}}
@media(max-width:850px) and (max-height:650px){.light-live-card{position:relative;top:auto}.light-preview>svg{max-height:300px}.light-feedback-slot{scroll-margin-top:24px}}
@media(prefers-reduced-motion:reduce){.light-capture-pulse{animation:none}.lighting-lab *{scroll-behavior:auto!important}}.reduce-motion .light-capture-pulse{animation:none}.reduce-motion .lighting-lab *{scroll-behavior:auto!important}

.light-geometry-warning{padding:15px 18px;background:#423421;color:#ffe1aa;border:1px solid #a78756;border-radius:8px;font-size:14px;line-height:1.7;margin:16px 0}.light-geometry-warning[hidden]{display:none}.lighting-lab button:disabled{opacity:.5;cursor:not-allowed}

.light-source{font-family:inherit;font-weight:700;font-size:16px;line-height:1}.light-source.is-selected{outline:3px solid #f1ffc8;outline-offset:3px;z-index:4}.light-source.light-object-fill{background:#9cc9f5;border-color:#d0e8ff;color:#173047}.light-source.light-object-rim{background:#dfa9df;border-color:#f4d2f4;color:#402145}.light-source.light-object-reflector{background:#dedcc5;border-color:#f5f3dc;color:#343a29;border-radius:4px}.light-source.light-object-flag{background:#36433d;border-color:#8b9e92;color:#edf4e9;border-radius:4px}.light-source.is-off{opacity:.6}.light-source.is-off.is-selected{opacity:1}.lighting-exercise .light-controls{padding:18px}.lighting-exercise .light-preview>svg{height:340px}.lighting-exercise .light-map{max-width:340px}.lighting-lesson-brief{padding:18px 20px;background:#263421;border:1px solid #485c3a;border-radius:10px;margin:12px 0 22px}.lighting-lesson-brief p,.lighting-lesson-brief li{font-size:14px;line-height:1.8;color:#c3d6b4}.lighting-lesson-brief summary{min-height:44px;padding:10px 0;cursor:pointer;color:#d6e8c4}.lighting-exercise .light-controls .light-card-heading h2{font-size:24px}
@media(max-width:700px){.lighting-exercise .light-preview>svg{height:280px}.light-map-legend{flex-wrap:wrap}.light-source{width:44px;height:44px}.lighting-lesson-brief{padding:15px}.lighting-exercise .light-workbench{grid-template-columns:minmax(0,1fr)}}