.live{background:#0f0e0d}.live-heading{margin-bottom:42px}.live-heading p{font-size:11px;line-height:1.9;color:#a9a39e}.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 #46413e;border-radius:24px;padding:11px 18px;font-size:10px;background:transparent;color:#ada6a1}.room-presets .active{color:#111;background:#dbd7d4;border-color:#dbd7d4}.room-measures{display:flex;gap:20px}.room-measures label{display:flex;align-items:center;gap:9px;color:#b2a9a3;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 #584f48;background:transparent;color:#f1efed;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:#141211;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:#e6e3e0;text-shadow:0 1px 8px #000;pointer-events:none}.preview-topline{top:18px}.preview-bottomline{bottom:18px}.preview-topline span:first-child{background:#dfdad7;color:#171412;padding:6px 8px;margin-top:-6px}.planner-map{background:#151312;display:flex;flex-direction:column;min-height:0;padding:18px 20px 14px}.map-heading{display:flex;justify-content:space-between;color:#aca19a;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:#998c83}.plan-floor{fill:#151311;stroke:#73655b;stroke-width:.035}.plan-grid path{fill:none;stroke:#3c332d;stroke-width:.018}.plan-stage{fill:#423831;stroke:#9c8f86;stroke-width:.04}.plan-text{font:400 .43px 'IBM Plex Mono',monospace;fill:#e3dfdd;text-anchor:middle}.plan-people{fill:#63564c}.plan-cone{fill:var(--accent-wash);stroke:var(--accent-line);stroke-width:.035}.plan-aim{stroke:var(--accent-line);stroke-width:.035;stroke-dasharray:.18 .16;fill:none}.plan-target{fill:none;stroke:#e1dddb;stroke-width:.04}.plan-camera{cursor:grab}.plan-camera circle{fill:#25211e;stroke:#aea39b;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:#f0eeec;pointer-events:none}.plan-camera.active circle:not(.plan-hit){fill:var(--accent);stroke:var(--accent-line)}.plan-camera.active text{fill:var(--accent-ink)}.angle-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #3e342d;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:#ada29b}.angle-tabs b{font-size:22px;font-weight:400}.angle-tabs .active{color:#efedeb;border-bottom-color:var(--accent);background:#c5bdb808}.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:#b0a69f}.planner-controls select{background:#1b1816;color:#e6e3e0;border:1px solid #4a3e36;font-size:10px;padding:11px 8px;margin-top:10px}.planner-controls output,.planner-fine-grid output{float:right;color:#ded9d6}.planner-controls input[type=range],.planner-fine-grid input[type=range]{appearance:auto;padding:0;border:0;background:none;accent-color:var(--accent-line);margin-top:17px;height:18px;cursor:pointer}.angle-facts{display:flex;flex-direction:column;gap:10px;color:#c6bfba;font-size:9px;line-height:1.6}.planner-fine{border-bottom:1px solid #39302a;margin-top:25px}.planner-fine summary{font-size:9px;display:flex;justify-content:space-between;padding:22px 0;cursor:pointer;color:#a89c94}.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:#908177;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 #52453c;padding:20px;margin:20px 0}#brief-plan-copy{white-space:pre-line;font-size:10px;margin-top:14px;color:#c1b9b4}#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:#beb6b1}.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:#eae8e6}.planner-zoom input{width:100%;margin:15px 0 8px;accent-color:var(--accent-line)}.lens-scale{display:flex;justify-content:space-between;font-size:10px;color:#b1a79f}.lens-scale[hidden],.planner-zoom input[hidden]{display:none}.planner-zoom p{font-size:10px;line-height:1.6;color:#a69a92;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:#a9a39e}.crowd-toggle{display:flex;gap:4px;padding:4px;border:1px solid #3c3734;border-radius:32px}.crowd-toggle button{min-width:66px;min-height:40px;padding:8px 18px;border:0;border-radius:24px;background:transparent;color:#a9a39e;font:inherit;cursor:pointer}.crowd-toggle button.active{background:#e0dbd9;color:#141211}.crowd-toggle button:focus-visible{outline:2px solid var(--acid);outline-offset:3px}

/* Room dimensions belong to the plan; camera fine settings remain optional. */
.planner-map{position:relative}.map-heading{align-items:center;gap:12px;min-height:44px}.map-room-edit{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;column-gap:12px;row-gap:3px;min-height:44px;padding:5px 9px;background:#ffffff04;border:1px solid var(--accent-line);color:var(--accent-ink);font:inherit;line-height:1.4;text-align:right;cursor:pointer}.map-edit-label{font-size:9px;letter-spacing:0;color:#c4babb}.map-room-edit:hover{background:var(--accent-wash)}.map-room-edit:focus-visible,.map-room-editor button:focus-visible{outline:2px solid var(--accent-soft);outline-offset:3px}.map-room-editor[hidden]{display:none!important}.map-room-editor{position:absolute;z-index:8;inset:69px 12px auto;padding:14px 16px 18px;background:#151213;border:1px solid var(--accent-line);box-shadow:0 14px 30px #0009}.map-room-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--accent-ink)}.map-room-editor .text-link{min-height:44px;font-size:11px}.map-room-editor .planner-room-bar{display:block;margin:10px 0 0}.map-room-editor .room-presets{gap:6px;flex-wrap:wrap}.map-room-editor .room-presets button{min-height:44px;padding:9px 12px}.map-room-editor .room-measures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.map-room-editor .room-measures label{gap:5px;font-size:10px}.map-room-editor .room-measures input{width:100%;min-width:0;min-height:44px;font-size:16px}.map-room-editor .room-measures label input{flex:1}.map-room-editor .room-presets .active{color:var(--accent-ink);background:var(--accent-wash);border-color:var(--accent-line)}

.planner-workspace .planner-edit-column>.planner-map.is-room-editing{min-height:286px}

/* A short, always-visible introduction to the customer's planning flow. */
.planner-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:none;margin:0 0 28px;padding:20px 0;border-top:1px solid var(--line,#3d3a37);border-bottom:1px solid var(--line,#3d3a37)}
.planner-guide li{display:flex;align-items:flex-start;gap:12px;min-width:0}
.planner-guide-number{flex:none;padding-top:2px;font-size:10px;line-height:1.7;letter-spacing:.04em;color:var(--accent-soft,#c0b8b8)}
.planner-guide h3{font-size:12px;font-weight:400;line-height:1.6;letter-spacing:0;color:var(--ink,#e8e5e3);margin:0 0 5px}
.planner-guide p{font-size:11px;line-height:1.8;color:#b8b0aa;margin:0;max-width:36ch}
.planner-views .planner-view-hint{font-size:11px;line-height:1.7;color:#b8b0aa;margin:10px 0 0}
.planner-map #map-instruction .map-field-hint{display:block;color:#9e9690;font-size:10px;margin-top:3px}
@media(max-width:750px){.planner-guide{grid-template-columns:1fr;gap:16px;padding:18px 0;margin-bottom:22px}.planner-guide h3{margin-bottom:3px}.planner-guide p{max-width:54ch}.planner-guide li{gap:12px}}

/* The floorplan owns touch gestures; the surrounding page remains scrollable. */
.planner-map #angle-map,.planner-map #angle-map *{touch-action:none}.planner-map .plan-camera{touch-action:none}
html.is-planner-dragging,html.is-planner-dragging *{user-select:none!important;-webkit-user-select:none!important;cursor:grabbing!important}
.perspective-planning{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.7fr);gap:24px;align-items:start;margin:0 0 24px}.perspective-planning label{font-size:12px;color:var(--ink)}.perspective-planning select{display:block;width:100%;margin-top:8px;font-size:13px;min-height:44px}.perspective-planning p{font-size:11px;line-height:1.8;color:#b8b0aa;margin:0}.perspective-planning #perspective-status{display:block;font-size:10px;margin-top:7px;color:var(--accent-soft)}
.live .angle-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.preview-angle-quick{flex-wrap:wrap}
@media(max-width:750px){.perspective-planning{grid-template-columns:1fr;gap:14px}.perspective-planning select{font-size:16px}.live .angle-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Place first; technical choices remain in the optional settings. */
.planner-framing{padding:20px 0 24px;border-bottom:1px solid var(--line);margin-bottom:8px}
.planner-framing label{font-size:12px;line-height:1.6}
.planner-framing select{min-height:44px;font-size:13px;margin-top:8px}
.planner-framing p{font-size:11px;line-height:1.7;color:var(--accent-soft);margin-top:12px;max-width:44ch}
.planner-framing .text-link{min-height:44px;margin-top:6px;font-size:11px}
.planner-framing [hidden]{display:none!important}
.planner-settings .perspective-planning{margin:8px 0 26px}
.planner-settings .planner-optics{margin:0 0 28px}
.plan-camera:focus-visible .plan-camera-art circle{stroke:var(--accent-soft);stroke-width:.12}
@media(max-width:750px){.planner-framing select{font-size:16px}.planner-framing{padding-top:16px}}

/* State the purpose before the editorial headline and interactive controls. */
.planner-purpose{max-width:70ch;margin:0 0 26px;font-size:14px;line-height:1.8;color:#bcb2b5}.planner-purpose strong{display:block;font:inherit;font-size:16px;color:#e4dfe0}.planner-purpose>span{display:block;margin-top:5px}@media(max-width:750px){.planner-purpose{font-size:12px;margin-bottom:22px}.planner-purpose strong{font-size:14px}}