.whitted-scene-controls{display:grid;grid-template-columns:1fr 1fr auto;gap:20px;align-items:end;margin-bottom:18px}.whitted-scene-controls label{display:grid;grid-template-columns:1fr auto;gap:7px;font-size:17px}.whitted-scene-controls input{grid-column:1/-1;width:100%;accent-color:var(--accent)}.whitted-scene-controls output{font-variant-numeric:tabular-nums}.whitted-scene-controls button{font-size:16px}.whitted-scene-lab canvas{display:block;width:100%;max-width:1100px;height:auto;image-rendering:auto;color:var(--ink);background:var(--paper);border:1px solid var(--line)}.whitted-scene-legend{display:flex;flex-wrap:wrap;gap:18px;font-size:15px;margin-bottom:12px}.whitted-scene-legend span{border-bottom:3px solid;padding-bottom:3px}.whitted-scene-legend .primary{border-color:#d18a00}.whitted-scene-legend .reflected{border-color:#b148a5}.whitted-scene-legend .shadow{border-color:#159c6a}.whitted-scene-legend .blocked{border-color:#d14937}.whitted-scene-status{display:block;font-size:19px;font-weight:600;margin:12px 0}.whitted-scene-result{display:block;white-space:pre-wrap;font:16px/1.6 "Segoe UI",sans-serif;margin:16px 0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.whitted-scene-lab details{font-size:16px;max-width:1100px}.whitted-scene-lab summary{cursor:pointer;min-height:40px;padding:8px 0}
@media(max-width:760px){.whitted-scene-controls{grid-template-columns:1fr 1fr;gap:16px}.whitted-scene-controls button{grid-column:1/-1}.whitted-scene-controls label{font-size:15px}.whitted-scene-result{font-size:14px}.whitted-scene-legend{gap:10px;font-size:14px}}
@media print{.whitted-scene-controls{display:none}.whitted-scene-lab canvas{color:#172d3b;background:white;--line:#b3bdc6;max-height:135mm;width:auto}.whitted-scene-result{font-size:11px}}
@media(min-width:1101px){.whitted-scene-lab{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.8fr);gap:12px 24px;align-items:start}.whitted-scene-controls{grid-column:1;grid-row:1;grid-template-columns:1fr;gap:12px;margin:0}.whitted-scene-controls label{font-size:16px}.whitted-scene-legend{grid-column:1;grid-row:2;font-size:13px;gap:8px;margin:0}.whitted-scene-status{grid-column:1;grid-row:3;font-size:17px;margin:0}.whitted-scene-result{grid-column:1;grid-row:4;font-size:14px;line-height:1.45;margin:0}.whitted-scene-lab details{grid-column:1;grid-row:5;font-size:14px}.whitted-scene-lab canvas{grid-column:2;grid-row:1/span 5}.workshop-page:has(.whitted-scene-lab) .content{font-size:18px;line-height:1.4;max-width:none}.workshop-page:has(.whitted-scene-lab) .slide{padding-top:24px}.workshop-page:has(.whitted-scene-lab) h2{font-size:36px;margin-bottom:18px}.workshop-page:has(.whitted-scene-lab) .lab{margin-top:18px;padding-top:16px}}