/* Neutral controls with full-color light source illustrations. */
body{overflow-x:hidden}.study-shell{padding-bottom:28px}button,select{background:#111;border-color:#333;color:#ddd;border-radius:0}button:hover,select:hover{background:#1c1c1c;border-color:#777}button[aria-pressed=true],button.selected{background:#ddd;color:#111;border-color:#ddd}.quiet{background:none;color:#aaa}h2,h3,h4{font-weight:400}h2{font-size:18px}h3{font-size:16px}.eyebrow,.lesson-number{font:12px var(--f-mono);letter-spacing:.1em}.tab-toolbar{display:flex;gap:22px;align-items:center;border-bottom:1px solid var(--line);margin-bottom:22px}.page-tabs{margin:0;flex:1;border:0;gap:26px}.page-tabs button{font-size:14px;border-bottom-width:1px;padding:13px 0}.tab-toolbar>.quiet{font-size:13px;padding:8px 0;border:0}.comparison-heading{margin-bottom:18px}.comparison-heading h2{font:300 24px var(--f-ko)}.result{font-size:14px}.result strong{color:#eee}.stops{font:12px var(--f-mono);display:block;margin-top:5px}.stops strong{color:#ddd}.comparison-workbench{gap:24px}.views{gap:1px;background:var(--line);border:1px solid var(--line)}.lightview{border:0;border-radius:0;background:#080808;box-shadow:none}.lightview figcaption{padding:10px 20px 14px;border-bottom:1px solid var(--line)}.drop-label{font:12px var(--f-mono);padding:14px 20px 0}.source-heading{gap:9px}.source-heading select{font-size:20px;font-weight:400;padding:3px 0}.source-art,.settings-heading img,.room-control-title>img{width:28px;height:28px}.reading{font:12px var(--f-mono)}.reading strong{font-size:26px;font-weight:400;letter-spacing:-.06em}.lightview canvas{aspect-ratio:4/3;background:#000;border-radius:0}.render-meta{padding:13px 20px 0;font-size:12px}.viewstatus{padding:5px 20px 14px;font-size:12px;min-height:42px}.swatch-label{font-size:12px}.source-settings>article,.global-controls>section,.source-library,.room-exposure,.room-controls>section,.surface-controls,.room-equation,.room-notes,.guide article,.moon-guide,.explanation-grid article{background:#080808;border:1px solid var(--line);border-radius:0;box-shadow:none}.source-settings{gap:18px}.source-settings>article{padding:20px}.settings-heading{margin-bottom:16px}.settings-heading h2{font-size:16px;font-weight:400}.label{font-size:14px;margin-bottom:8px}.label output,.label span:last-child{font:12px var(--f-mono);color:#ddd}input[type=range]{accent-color:#ddd}input[type=range]::-webkit-slider-thumb{background:#ddd;box-shadow:none}input[type=range]::-webkit-slider-runnable-track{background:#414141}.ends{font:12px var(--f-mono);color:#999}.count-presets,.presets,.room-shortcuts{gap:6px}.count-presets button{font-size:12px;padding:6px 10px}.measurement-condition,.preset-caveat,.room-note{font-size:13px;line-height:1.75;color:#aaa}.daylight-caption{font-size:13px;color:#aaa}.presets{grid-template-columns:repeat(3,minmax(0,1fr))}.presets button{display:flex;flex-direction:column;align-items:start;min-height:66px;padding:10px;font-size:13px;border-radius:0;background:#111}.presets button small{font:11px var(--f-mono);color:#999}.presets button[aria-pressed=true] small{color:#444}.source-illustrations,.exposure-details{border-radius:0;border-color:#333;background:none}.exposure-details summary,.source-illustrations summary{font-size:13px}.distance-guide{border-radius:0;background:#0d0d0d;border-color:#333}.global-controls{gap:18px}.global-controls>section{padding:22px}.global-controls h2{font-size:17px}.exposure-actions,.segmented{gap:6px}.segmented button,.exposure-actions button{font-size:13px;border-radius:0}.exposure-actions button{background:#151515}.color-caption{font-size:13px;color:#aaa}.check{font-size:14px}.check input{accent-color:#ddd}.source-library{padding:24px;margin-top:24px}.sectionline h2{font-size:18px}.source-cards{gap:1px;background:var(--line);border:1px solid var(--line)}.source-card{border:0;border-radius:0;background:#080808;padding:17px 14px;box-shadow:none}.source-card.active{background:#171717;border-color:#999;box-shadow:inset 0 2px #ccc}.source-card img{width:46px;height:46px}.source-card h3{font-size:15px;font-weight:400}.source-card p,.source-card .condition{font-size:12px;color:#aaa}.source-card strong{font:14px var(--f-mono);color:#eee}.source-card .assign-actions button{font-size:12px;border-radius:0}.chosen-label{color:#ccc}.scale{margin-top:28px}.scale-track{background:linear-gradient(90deg,#111,#555);border-color:#333}.marker{color:#ccc}.marker:before{background:#ccc}.ticks{color:#999;font:11px var(--f-mono)}.surface-controls{padding:20px;margin-top:18px}.room-heading{padding:4px 0 18px;gap:24px}.room-heading h2{font:300 25px var(--f-ko)}.room-heading p:not(.eyebrow){font-size:14px;color:#aaa;max-width:75ch}.room-views{gap:1px;background:var(--line);border:1px solid var(--line)}.room-views figure{background:#080808;border:0;border-radius:0;overflow:hidden}.room-views figcaption{padding:16px 20px;font-size:14px;border-bottom:1px solid var(--line)}.room-views canvas{aspect-ratio:3/2}.room-orbit-toolbar{font-size:12px;color:#aaa;padding:12px 0}.room-equation{padding:18px;font-size:14px}.room-equation strong{color:#eee}.room-exposure{padding:22px;margin:18px 0}.room-controls{gap:18px}.room-controls>section{padding:22px}.room-control-title{margin-bottom:20px}.room-control-title h3{font-weight:400}.room-shortcuts button{font-size:12px;padding:7px 10px}.room-control-title select{font-size:14px}.guide-intro{padding:15px 0 25px}.guide-intro h2{font:300 28px var(--f-ko)}.guide article{padding:24px}.guide p,.guide li{font-size:15px;line-height:1.9;color:#aaa}.guide h3,.guide h4{color:#eee}.guide a{color:#ddd}.guide .formula{border-color:#333;background:#101010;color:#ddd;font:14px/1.8 var(--f-mono)}.guide .takeaway,.mode-explanation{color:#eee}.guide details{border-color:#333;border-radius:0;background:#080808;padding:18px}.guide summary{font-size:14px}.guide table{font-size:14px;border-color:#333}.guide th,.guide td{border-color:#333}.guide th{background:#161616}.moon-guide{padding:26px;margin-top:22px}.moon-guide .explanation-grid article{background:#080808}.notes-link{color:#ccc}.source-card.dragging{opacity:.5}.lightview.drag-over{outline:1px solid #ddd;outline-offset:-2px;background:#161616}
@media(min-width:1150px){.comparison-workbench{grid-template-columns:minmax(0,1fr) 285px}.preview-band{grid-column:1;grid-row:1}.quick-settings{grid-column:1;grid-row:2}.global-controls{grid-column:2;grid-row:1/3;display:flex;flex-direction:column}.global-controls>section{padding:20px}.global-controls .segmented,.global-controls .exposure-actions{display:grid;grid-template-columns:1fr}.global-controls .label{flex-wrap:wrap}.global-controls .color-row{display:block}.global-controls .check{margin:13px 0}.global-controls .wb-buttons{display:grid;grid-template-columns:1fr}}
@media(max-width:1149px){.comparison-workbench{grid-template-columns:1fr}.preview-band,.quick-settings,.global-controls{grid-column:auto;grid-row:auto}.global-controls{display:grid;grid-template-columns:1fr 1fr}.source-cards{grid-template-columns:repeat(5,minmax(0,1fr))}.source-card{padding:12px}.source-card img{width:32px;height:32px}}
@media(max-width:760px){.guide-shortcut{display:none}.tab-toolbar{gap:12px}.page-tabs{gap:18px}.page-tabs button{font-size:13px}.tab-toolbar>.quiet{font-size:12px}.comparison-heading{align-items:start}.comparison-heading h2{font-size:21px}.result{font-size:12px;max-width:170px}.views{gap:1px}.lightview figcaption{padding:8px 11px;align-items:start;flex-direction:column;gap:9px}.source-heading select{font-size:17px}.drop-label{padding:10px 11px 0;font-size:11px}.source-art{width:20px;height:20px}.reading strong{font-size:22px}.render-meta{display:block;padding:10px 11px 0;font-size:11px}.render-meta span{display:block}.viewstatus{font-size:11px;padding:5px 11px 12px}.global-controls{grid-template-columns:1fr}.source-settings{grid-template-columns:1fr 1fr;gap:10px}.source-settings>article{padding:14px}.settings-heading img{display:none}.settings-heading h2{font-size:14px}.presets{grid-template-columns:1fr 1fr}.presets button{font-size:12px}.presets button small{font-size:10px}.source-cards{grid-template-columns:1fr 1fr}.source-library{padding:18px}.source-card:last-child{grid-column:1/-1}.room-views{grid-template-columns:1fr}.room-heading h2{font-size:23px}.room-controls{grid-template-columns:1fr}.room-shortcuts button{font-size:12px}.guide article{padding:18px}.guide p{font-size:14px}.moon-guide{padding:18px}}
@media(max-width:400px){.source-settings{grid-template-columns:1fr}.source-heading select{font-size:15px}.reading strong{font-size:19px}.page-tabs{gap:13px}}
/* Override the older compact preview sizing so the comparison remains the focus. */
.comparison-workbench{display:grid}.preview-band{position:static;padding:0 0 12px;box-shadow:none;min-width:0;border:0}.preview-band canvas{max-height:none;width:100%;height:auto;object-fit:contain}.preview-band .comparison-heading{margin-bottom:18px}.preview-band .comparison-heading h2{font:300 24px var(--f-ko)}.preview-band .comparison-heading .eyebrow{display:block;font-size:12px}.preview-band .source-heading{gap:8px}.preview-band .source-heading select{font-size:19px}.preview-band .reading strong{font-size:25px}.preview-band figcaption{padding:10px 18px 13px}.preview-band .drop-label{padding-top:13px}.preview-band .render-meta{padding-top:12px}.preview-band .viewstatus{font-size:12px;min-height:40px;padding-bottom:13px}.global-controls{border:0;border-radius:0;background:none;margin-top:0;overflow:visible}.quick-settings{margin-top:0}.quick-settings>article{padding:20px}.quick-settings .settings-heading h2{font-size:16px}.quick-settings .measurement-condition{font-size:13px;min-height:0}.quick-settings .daylight-options button{justify-content:start;min-height:65px;padding:9px;flex-direction:column}.quick-settings .preset-caveat{font-size:12px}.room-preview{position:static}.room-views canvas{max-height:none}.source-card:hover{background:#151515}.tab-toolbar #reset:hover{background:#171717}
@media(max-width:760px){.preview-band .source-heading select{font-size:16px}.preview-band .reading strong{font-size:20px}.preview-band figcaption{padding:9px 11px}.preview-band .comparison-heading h2{font-size:20px}.preview-band .viewstatus{font-size:12px}.preview-band .source-art{width:22px;height:22px}.quick-settings>article{padding:14px}.quick-settings .settings-heading h2{font-size:14px}.quick-settings .measurement-condition{font-size:12px}.quick-settings .daylight-options .presets{grid-template-columns:1fr 1fr}.quick-settings .daylight-options button>small{font-size:11px}}