.live{background:#0d0f0e}.live-heading{margin-bottom:42px}.live-heading p{font-size:11px;line-height:1.9;color:#a2a99e}.planner-room-bar{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:24px}.room-presets{display:flex;gap:7px}.room-presets button{border:1px solid #41463e;border-radius:24px;padding:11px 18px;font-size:10px;background:transparent;color:#a6ada1}.room-presets .active{color:#111;background:#d7ded1;border-color:#d7ded1}.room-measures{display:flex;gap:20px}.room-measures label{display:flex;align-items:center;gap:9px;color:#aab2a3;font-size:10px;font-weight:400}.room-measures input{display:inline-block;margin:0;width:60px;padding:7px 5px;text-align:center;border:0;border-bottom:1px solid #4f5848;background:transparent;color:#eff3eb;border-radius:0;font-size:12px}
.planner-views{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(240px,1fr);gap:24px;align-items:stretch}.planner-preview{position:relative;aspect-ratio:16/9;align-self:start;background:#111411;overflow:hidden}.planner-preview #live-canvas{width:100%;height:100%;display:block}.preview-topline,.preview-bottomline{position:absolute;left:18px;right:18px;display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:.04em;color:#e3e8de;text-shadow:0 1px 8px #000;pointer-events:none}.preview-topline{top:18px}.preview-bottomline{bottom:18px}.preview-topline span:first-child{background:#dce3d3;color:#141811;padding:6px 8px;margin-top:-6px}.planner-map{background:#121611;display:flex;flex-direction:column;min-height:0;padding:18px 20px 14px}.map-heading{display:flex;justify-content:space-between;color:#a3af97;font-size:8px;letter-spacing:.06em}.planner-map svg{width:100%;height:100%;min-height:180px;max-height:340px;flex:1;touch-action:none;user-select:none;margin:12px auto}.planner-map>p{font-size:8px;text-align:center;color:#8e9b81}.plan-floor{fill:#111610;stroke:#66735b;stroke-width:.035}.plan-grid path{fill:none;stroke:#323c2d;stroke-width:.018}.plan-stage{fill:#394231;stroke:#92a37f;stroke-width:.04}.plan-text{font:400 .43px 'IBM Plex Mono',monospace;fill:#e0e7d9;text-anchor:middle}.plan-people{fill:#56634c}.plan-cone{fill:#c5de9f14;stroke:#b7cc97;stroke-width:.035}.plan-aim{stroke:#a3bc85;stroke-width:.035;stroke-dasharray:.18 .16;fill:none}.plan-target{fill:none;stroke:#e1edcf;stroke-width:.04}.plan-camera{cursor:grab}.plan-camera circle{fill:#20281b;stroke:#a4b495;stroke-width:.07}.plan-camera .plan-hit{stroke:none;fill:transparent}.plan-camera text{font:500 .42px 'IBM Plex Mono',monospace;text-anchor:middle;fill:#eff4e8;pointer-events:none}.plan-camera.active circle:not(.plan-hit){fill:#e3ebd8;stroke:#f2f6e9}.plan-camera.active text{fill:#111810}.angle-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #343e2d;margin-bottom:25px}.angle-tabs button{display:flex;align-items:center;gap:18px;text-align:left;padding:22px 18px;background:transparent;border-bottom:2px solid transparent;font-size:10px;color:#a4b197}.angle-tabs b{font-size:22px;font-weight:400}.angle-tabs .active{color:#eef4e6;border-bottom-color:#c9ddb3;background:#c5de9f08}.planner-controls{margin-top:25px;display:grid;grid-template-columns:1fr 1fr 1.2fr 1.1fr;gap:24px;align-items:center}.planner-controls label,.planner-fine-grid label{font-size:9px;font-weight:400;color:#a8b59a}.planner-controls select{background:#171e13;color:#e3ecda;border:1px solid #3e4c34;font-size:10px;padding:11px 8px;margin-top:10px}.planner-controls output,.planner-fine-grid output{float:right;color:#dbe8cc}.planner-controls input[type=range],.planner-fine-grid input[type=range]{appearance:auto;padding:0;border:0;background:none;accent-color:#c0dba4;margin-top:17px;height:18px;cursor:pointer}.angle-facts{display:flex;flex-direction:column;gap:10px;color:#c0cdb3;font-size:9px;line-height:1.6}.planner-fine{border-bottom:1px solid #303a29;margin-top:25px}.planner-fine summary{font-size:9px;display:flex;justify-content:space-between;padding:22px 0;cursor:pointer;color:#9eac90}.planner-fine summary span{font-size:18px}.planner-fine-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 35px;padding:10px 0 28px}.planner-warning{color:#d8c99d;font-size:10px;line-height:1.8;margin-top:20px;max-width:750px}.planner-footer{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:30px}.planner-footer>p{font-size:9px;color:#829275;line-height:1.9;max-width:590px}.planner-footer>div{display:flex;gap:22px;align-items:center;flex-shrink:0}.planner-footer .text-link{font-size:9px}.planner-footer .pill-button{font-size:10px}.planner-preview .stage-loading{font-size:10px;padding:30px;text-align:center}#brief-plan{border:1px solid #45543a;padding:20px;margin:20px 0}#brief-plan-copy{white-space:pre-line;font-size:10px;margin-top:14px;color:#b9c9ac}#brief-plan .text-link{font-size:9px}
@media(max-width:1000px){.planner-views{grid-template-columns:minmax(0,1.8fr) minmax(210px,1fr);gap:16px}.planner-controls{grid-template-columns:1fr 1fr}.planner-footer{display:block}.planner-footer>div{margin-top:25px}.planner-map svg{max-height:220px}.angle-tabs button{gap:12px;font-size:9px;padding:18px 12px}}
@media(max-width:750px){.planner-room-bar{display:block}.room-presets button{font-size:9px;padding:10px 16px}.room-measures{margin-top:22px;gap:22px}.room-measures label{font-size:9px}.room-measures input{width:48px;font-size:11px}.planner-views{grid-template-columns:1fr;gap:16px}.planner-map{height:350px;padding:20px}.planner-map svg{max-height:none;min-height:0}.preview-topline,.preview-bottomline{font-size:6px;left:12px;right:12px}.preview-topline{top:14px}.preview-bottomline{bottom:12px}.preview-topline span:first-child{padding:5px 6px}.angle-tabs button{padding:17px 8px;gap:9px;font-size:8px}.angle-tabs b{font-size:18px}.angle-tabs span{line-height:1.6;max-width:74px}.planner-controls{gap:22px 18px}.planner-controls label,.planner-fine-grid label{font-size:8px}.planner-controls select{font-size:9px}.angle-facts{font-size:8px}.planner-fine-grid{grid-template-columns:1fr}.planner-footer>div{flex-wrap:wrap;gap:25px}.planner-footer>p{font-size:8px}.planner-footer .pill-button{font-size:9px}.planner-warning{font-size:9px}.live-heading{margin-bottom:30px}}

/* Lens selection is immediate; room measurements stay optional. */
.planner-optics{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;margin:22px 0 30px;align-items:start}.planner-optics label{display:block;font-size:11px;line-height:1.7;color:#b5beb1}.planner-optics select{display:block;width:100%;min-width:0;margin-top:8px;font-size:12px;padding:12px 10px}.planner-zoom label{display:flex;justify-content:space-between;gap:12px}.planner-zoom output{font-size:15px;color:#e7ede3}.planner-zoom input{width:100%;margin:15px 0 8px;accent-color:#c5ef79}.lens-scale{display:flex;justify-content:space-between;font-size:10px;color:#a7b29e}.lens-scale[hidden],.planner-zoom input[hidden]{display:none}.planner-zoom p{font-size:10px;line-height:1.6;color:#9ca692;margin-top:8px}@media(max-width:650px){.planner-optics{grid-template-columns:minmax(0,1fr);gap:18px}.planner-optics select{font-size:12px}.planner-optics label{font-size:11px}}

.live-heading{gap:28px}.live-heading>p{max-width:38ch;flex:0 1 38ch}

.crowd-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:22px 0 16px;font-size:11px;color:#a2a99e}.crowd-toggle{display:flex;gap:4px;padding:4px;border:1px solid #343c37;border-radius:32px}.crowd-toggle button{min-width:66px;min-height:40px;padding:8px 18px;border:0;border-radius:24px;background:transparent;color:#a2a99e;font:inherit;cursor:pointer}.crowd-toggle button.active{background:#dce2d6;color:#101510}.crowd-toggle button:focus-visible{outline:2px solid var(--acid);outline-offset:3px}