.triangle-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 18px;margin-bottom:14px}.triangle-controls label{display:grid;grid-template-columns:1fr auto;min-width:0;gap:4px 8px;font-size:15px}.triangle-controls input,.triangle-controls select{grid-column:1/-1;min-width:0;width:100%;font:inherit;color:var(--ink);accent-color:var(--accent);background:var(--paper)}.triangle-controls input{height:28px}.triangle-controls select{min-height:36px}.triangle-controls output{font-variant-numeric:tabular-nums}.triangle-status{display:block;font-size:18px;font-weight:650;min-height:30px}.triangle-views{display:grid;grid-template-columns:1fr 1fr;gap:18px}.triangle-lab .triangle-views canvas{display:block;width:100%;height:auto;image-rendering:auto;border:1px solid var(--line);color:var(--ink);background:var(--paper)}.triangle-views figcaption{font-size:13px}.triangle-result{display:block;white-space:pre-wrap;font:15px/1.5 "Segoe UI",Arial,sans-serif;margin:14px 0;font-variant-numeric:tabular-nums}.triangle-note{font-size:13px;color:var(--muted);line-height:1.5}.triangle-lab button{font-size:16px}
@media(min-width:1101px){.slide:has(>.triangle-lab){display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:0 32px;align-content:start;align-items:start}.slide:has(>.triangle-lab)>.eyebrow,.slide:has(>.triangle-lab)>h2{grid-column:1/-1}.slide:has(>.triangle-lab)>.content{grid-column:1;grid-row:3;font-size:24px}.slide:has(>.triangle-lab)>.brdf-references{grid-column:1;grid-row:4}.slide:has(>.triangle-lab)>.teaching-answer{grid-column:1;grid-row:5;font-size:18px}.slide:has(>.triangle-lab)>.triangle-lab{grid-column:2;grid-row:3/span 5;border:0;margin:0;padding:0}.slide:has(>.triangle-lab) .tex-equation{font-size:22px}.presenting .slide:has(>.triangle-lab){padding-block:16px}.presenting .slide:has(>.triangle-lab)>.eyebrow{margin-bottom:12px}.presenting .slide:has(>.triangle-lab)>h2{margin-bottom:14px}}
@media(max-width:760px){.triangle-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.triangle-views{grid-template-columns:1fr}.triangle-result{font-size:14px;overflow-wrap:anywhere}}
@media print{.slide:has(>.triangle-lab){display:block}.triangle-controls,.triangle-lab button{display:none}.triangle-views{grid-template-columns:1fr 1fr}.triangle-views canvas{max-height:70mm}.triangle-result{font-size:12px}.triangle-note{font-size:11px}}
.triangle-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.triangle-actions button{font-size:14px;white-space:nowrap;padding:5px 10px;min-height:36px}.triangle-conventions{font-size:14px}.triangle-conventions summary{cursor:pointer;min-height:36px;padding:6px 0}
@media(min-width:1101px){.slide:has(>.triangle-lab)>.teaching-answer{grid-row:auto}}
.slide:has(>.triangle-lab)>.teaching-answer,.slide:has(>.triangle-lab)>.brdf-references{margin-block:12px}