.wall-planner{padding:36px var(--page);background:#f5f3ed;color:#173e34}.wall-intro{max-width:920px}.wall-intro h1{font-size:clamp(32px,4vw,54px);line-height:1.1;margin:10px 0 16px}.wall-intro p{font-size:17px;line-height:1.55}.wall-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.wall-planner button,.wall-planner input,.wall-planner select{font:400 16px/1.4 Arial,sans-serif}.wall-planner button{min-height:44px;padding:10px 14px;background:white;border:1px solid #99a59c;border-radius:6px;color:#173e34;cursor:pointer}.wall-planner button:disabled{opacity:.45;cursor:default}.wall-planner button:focus-visible,.wall-planner input:focus-visible,.wall-planner select:focus-visible,.wall-planner a:focus-visible{outline:3px solid #ac7223;outline-offset:3px}#wall-add,#wall-save{background:#173e34;color:#fff}#wall-status{min-height:26px;font-size:16px;line-height:1.5;margin:12px 0}.wall-workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start}.wall-controls{display:grid;gap:20px}.wall-controls form,.wall-catalogue,.wall-summary{border:1px solid #d9d8ce;border-radius:12px;padding:20px;background:#fff}.wall-planner h2{font-size:23px;line-height:1.2;margin:0 0 18px}.wall-planner label{display:grid;gap:7px;font-size:15px;line-height:1.4;font-weight:400;margin-bottom:14px;min-width:0}.wall-planner input,.wall-planner select{width:100%;min-width:0;min-height:44px;padding:8px;border:1px solid #a9b3ac;border-radius:5px;background:#fff;color:#173e34}.wall-planner input[type=color]{padding:3px;height:44px}.wall-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wall-planner fieldset{padding:0;margin:0;border:0;min-width:0}.wall-planner .visually-hidden{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.wall-controls button{margin:2px 0 8px}.wall-drawing-panel{position:sticky;top:100px;min-width:0;background:#fff;border:1px solid #d9d8ce;border-radius:12px;overflow:hidden}.wall-drawing-heading{padding:20px 20px 0;display:flex;justify-content:space-between;gap:16px}.wall-drawing-heading h2{margin:0}.wall-drawing-heading span{font-size:14px}.wall-help,#wall-warning{font-size:15px;line-height:1.5;margin:14px 20px}#wall-warning:not(:empty){padding:12px;background:#fff3d9;color:#62400c;border-left:3px solid #ac7223}#wall-drawing{width:100%;min-height:240px;background:linear-gradient(#fff,#f5f3ed);overflow:hidden}#wall-drawing svg{width:100%;height:auto;max-height:65vh;display:block;user-select:none}#wall-drawing [role=button]{cursor:grab;touch-action:none}#wall-drawing [role=button]:focus{outline:none;filter:drop-shadow(0 0 2px #ac7223)}.wall-catalogue,.wall-summary{margin-top:24px}.wall-catalogue-fields{display:grid;grid-template-columns:1fr 1fr 126px;gap:20px;align-items:start}.wall-catalogue p,.wall-summary p{font-size:16px;line-height:1.5}.wall-catalogue img{border-radius:6px;max-width:100%;object-fit:cover}.wall-summary article{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #deded5}.wall-summary h3{font-size:20px;margin:0 0 6px}.wall-summary article p{margin:4px 0}.wall-summary a{align-self:center;text-decoration:underline}.wall-inspiration{margin:0 var(--page) 40px;border:1px solid #c5cbc3;border-radius:10px}.wall-inspiration>summary{padding:22px;font-size:20px;cursor:pointer}.wall-inspiration .planner-hero h2{font-size:36px;line-height:1.15}#wall-configure[hidden],#wall-swatch[hidden]{display:none!important}
@media(max-width:1000px){.wall-workspace{grid-template-columns:260px minmax(0,1fr)}.wall-drawing-heading{flex-wrap:wrap}.wall-catalogue-fields{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.wall-workspace{grid-template-columns:1fr}.wall-drawing-panel{position:static;grid-row:1}.wall-controls{grid-template-columns:1fr}.wall-catalogue-fields{grid-template-columns:1fr}.wall-toolbar button{flex:1 1 45%}.wall-planner{padding:24px 16px}#wall-drawing svg{max-height:none}.wall-inspiration{margin:0 16px 24px}.wall-inspiration>summary{font-size:18px}.wall-controls form{min-width:0}}
.wall-planner-wall{stroke:#b0aaa0;stroke-width:1}.wall-planner-floor{stroke:#74675a;stroke-width:3}.wall-planner-dimension-line,.wall-planner-dimension-tick{stroke:#687c70;stroke-width:.7}.wall-planner-dimension-text,.wall-planner-window-name,.wall-planner-window-size{font-family:Arial,sans-serif;font-size:8px;fill:#173e34;pointer-events:none}.wall-planner-window-frame{fill:#fff;stroke:#596b61;stroke-width:1}.wall-planner-outside{fill:#c9e0e4}.wall-planner-landscape{fill:#93aa80}.wall-planner-blind{stroke:#887e68;stroke-width:.5}.wall-planner-blind-lines{stroke:#fff5;stroke-width:.6}.wall-planner-curtain{stroke:#665e4b;stroke-width:.5}.wall-planner-selection{fill:none;stroke:#b16c15;stroke-width:2;pointer-events:none}.wall-planner-window:focus .wall-planner-window-frame{stroke:#b16c15;stroke-width:2}
.wall-planner-dimension-text,.wall-planner-window-name,.wall-planner-window-size{font-size:11px}
.room-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;padding:24px;margin:24px 0;background:#fff;border:1px solid #d9d8ce;border-radius:12px}.room-layout>div,.room-layout form{min-width:0}.room-layout p{font-size:15px;line-height:1.5;color:#52695d}#room-floorplan svg{display:block;width:100%;height:auto;max-height:300px}#room-floorplan [role=button]{cursor:pointer}#room-floorplan [role=button]:focus{outline:none;filter:drop-shadow(0 0 2px #b16c15)}.wall-planner input[readonly]{background:#f2f3ed;color:#52695d}
@media(max-width:760px){.room-layout{grid-template-columns:1fr;padding:18px;gap:20px}}
.room-view-controls{display:flex;flex-wrap:wrap;gap:10px;margin:16px 20px}.room-view-controls [aria-pressed=true]{background:#173e34;color:white}.wall-drawing-panel [hidden]{display:none!important}#room-preview-3d{min-height:260px;background:linear-gradient(#fbfbf8,#eeeae1)}#room-preview-3d svg{display:block;width:100%;height:auto;max-height:58vh}#room-preview-3d [role=button]{cursor:pointer}#room-preview-3d [role=button]:focus{outline:none;filter:drop-shadow(0 0 3px #b16c15)}
@media(max-width:760px){#room-preview-3d svg{max-height:none}.room-view-controls button{flex:1}}
.wall-planner .room-view-controls button[aria-pressed=true]{background:#173e34;color:#fff}

#room-preview-3d{height:clamp(320px,58vh,680px);position:relative}#room-preview-3d canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#room-preview-3d canvas:focus-visible{outline:3px solid #ac7223;outline-offset:-3px}#room-preview-3d canvas:active{cursor:grabbing}

.wall-drawing-panel.is-expanded{position:fixed;inset:12px;z-index:1500;overflow:auto;box-shadow:0 0 0 20px #173e3488}.wall-drawing-panel.is-expanded #room-preview-3d{height:65vh;min-height:300px}

.room-treatment-controls{padding:12px 20px;border-block:1px solid #deded5}.room-treatment-controls>p{margin:0 0 10px}.room-treatment-controls label{grid-template-columns:1fr auto}.room-treatment-controls input,.room-treatment-controls small{grid-column:1/-1}.room-treatment-controls input[type=range]{padding:0;accent-color:#173e34}.room-treatment-controls .wall-help{margin:8px 0;font-size:14px}

/* Keep the drawing visible; secondary controls are disclosed on demand. */
.room-settings,.room-instructions{border-top:1px solid #deded5;background:#fff}.room-settings>summary,.room-instructions>summary{padding:12px 20px;min-height:44px;cursor:pointer;font:400 16px/1.4 Arial,sans-serif}.room-settings[open]{max-height:32vh;overflow:auto}.room-instructions[open]{max-height:25vh;overflow:auto}.room-settings summary:focus-visible,.room-instructions summary:focus-visible{outline:3px solid #ac7223;outline-offset:-3px}.room-camera-actions{display:flex;flex-wrap:wrap;gap:8px;padding:8px 16px}.room-camera-actions .room-view-controls{margin:0;gap:6px}.room-camera-actions button{padding:8px 10px}.room-camera-actions #room-walk-controls{flex:1}.room-camera-actions #room-zoom-controls{margin-left:auto}#room-rotation-status{font-size:13px;margin:4px 16px 10px}.room-view-controls{margin:10px 16px;gap:6px}
.wall-drawing-panel.is-expanded{display:flex;flex-direction:column;overflow:hidden;inset:8px}.wall-drawing-panel.is-expanded>.wall-drawing-heading,.wall-drawing-panel.is-expanded>.room-view-controls,.wall-drawing-panel.is-expanded>.room-settings,.wall-drawing-panel.is-expanded>.room-instructions{flex-shrink:0}.wall-drawing-panel.is-expanded .wall-drawing-heading{padding:12px 16px 0}.wall-drawing-panel.is-expanded #room-3d-panel{display:flex;flex-direction:column;flex:1;min-height:0}.wall-drawing-panel.is-expanded #room-preview-3d{flex:1;min-height:150px;height:auto}.wall-drawing-panel.is-expanded #wall-drawing{flex:1;min-height:100px;overflow:auto}.wall-drawing-panel.is-expanded #wall-drawing svg{max-height:100%}.wall-drawing-panel.is-expanded>.wall-help,.wall-drawing-panel.is-expanded>#wall-warning{display:none}.wall-drawing-panel.is-expanded #room-rotation-status{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wall-drawing-panel.is-expanded .room-instructions{display:none}.wall-drawing-panel.is-expanded .room-camera-actions{flex-shrink:0}
@media(max-width:760px){.wall-drawing-panel.is-expanded .room-view-controls button{font-size:14px;padding:7px 8px}.wall-drawing-panel.is-expanded #room-3d-panel>.room-view-controls{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.wall-drawing-panel.is-expanded .room-camera-actions{gap:6px;padding:6px 12px}.wall-drawing-panel.is-expanded #room-rotation-status{display:none}.wall-drawing-panel.is-expanded .room-settings[open]{max-height:30vh}.wall-drawing-panel.is-expanded .wall-drawing-heading h2{font-size:20px}}

.wall-drawing-heading{align-items:center}.wall-drawing-heading #room-view-expand{font-size:14px;padding:6px 10px;flex-shrink:0}.wall-drawing-panel.is-expanded .wall-drawing-heading>span{display:none}@media(max-width:760px){.wall-drawing-panel.is-expanded #room-3d-panel>.room-view-controls{grid-template-columns:1fr 1fr 1fr}.wall-drawing-panel.is-expanded .wall-drawing-heading{flex-wrap:nowrap;gap:8px}}

.room-catalogue-panel{background:#fff;border-top:1px solid #deded5;flex-shrink:0}.room-catalogue-panel>summary{padding:12px 20px;min-height:44px;cursor:pointer;font:400 16px/1.4 Arial,sans-serif}.room-catalogue-panel>summary:focus-visible{outline:3px solid #ac7223;outline-offset:-3px}.room-catalogue-panel[open]{max-height:40vh;overflow:auto}.room-catalogue-panel .wall-catalogue{margin:0;padding:16px;border:0;border-radius:0}.room-catalogue-panel .wall-catalogue-fields{grid-template-columns:1fr}.room-catalogue-panel .wall-catalogue p{font-size:14px}.room-catalogue-panel .wall-catalogue img{width:126px}.room-catalogue-panel #wall-configure{display:block;font-size:15px}.room-catalogue-panel #room-catalogue-selection{color:#52695d}.wall-drawing-panel.is-expanded .room-catalogue-panel[open]{max-height:32vh}

.planner-steps{display:flex;gap:8px;margin-top:20px}.planner-steps button{flex:1;max-width:240px}.planner-steps [aria-current=step]{background:#173e34;color:#fff}#planner-step-help{font-size:17px;line-height:1.5;margin:14px 0}.planner-extra,.planner-review{background:#fff;border:1px solid #d9d8ce;border-radius:8px}.planner-extra>summary,.planner-review>summary{padding:14px;cursor:pointer;min-height:44px}.planner-extra>form{border:0}.planner-extra .planner-extra{margin:12px 0}.planner-review{margin-top:24px}.planner-review .wall-summary{margin:0;border:0}.wall-controls #room-size-form{background:#fff;border:1px solid #d9d8ce;border-radius:12px;padding:20px}.room-wall-picker{display:block;margin:0;padding:18px}.room-wall-picker h2{font-size:20px}.wall-controls .planner-extra{min-width:0}.wall-controls fieldset>.planner-extra{padding:0 10px;margin:12px 0}.wall-controls fieldset>.planner-extra>summary{padding-inline:0}

.wall-planner .planner-steps button[aria-current=step]{background:#173e34;color:#fff;border-color:#173e34}.wall-toolbar button:disabled{display:none}.planner-steps{scroll-margin-top:100px}

/* Compact planner heading: reserve the first screen for the room itself. */
.wall-planner{padding-top:20px}.wall-intro .eyebrow,.wall-intro>p:last-child{display:none}.wall-intro h1{font-size:clamp(25px,2.4vw,32px);line-height:1.2;margin:0 0 12px}.planner-steps{margin-top:12px}#planner-step-help{margin:10px 0}.wall-toolbar{margin-top:8px}#wall-status{margin:6px 0;min-height:20px;font-size:14px}.wall-drawing-heading{padding-top:14px}.wall-drawing-panel:not(.is-expanded) #room-preview-3d{height:clamp(280px,46vh,560px)}

.wall-planner #room-size-form button[type=submit],.wall-planner #wall-window-form button[type=submit]{background:#173e34;color:#fff;width:100%;margin-top:10px}

.window-placement-tip{font-size:15px;line-height:1.5;color:#52695d}.room-wall-picker>div{display:flex;flex-direction:column;gap:10px}.room-wall-picker>div>label{order:-1;margin:0}.room-wall-picker>div>p{display:none}

.style-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:18px}.wall-planner .style-choices button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 4px;font-size:15px}.wall-planner .style-choices [aria-pressed=true]{border:2px solid #173e34;background:#e9f0ec}.style-icon{display:block;position:relative;width:36px;height:40px;border:2px solid #83978e;background:#dcecf0}.style-icon-blind:before,.style-icon-layered:before{content:'';position:absolute;inset:0 0 35%;background:repeating-linear-gradient(#c6b99d 0 7px,#ad9f84 7px 8px);border-bottom:2px solid #74664e}.style-icon-curtain:after,.style-icon-layered:after{content:'';position:absolute;inset:-4px -6px -4px;border-top:3px solid #74664e;background:linear-gradient(90deg,#ae9a7b 0 25%,transparent 25% 75%,#ae9a7b 75%)}.style-details{margin-top:16px;border-top:1px solid #deded5}.style-details summary{cursor:pointer;padding:12px 0;font-size:14px}.style-details p{margin:0 0 12px}

.wall-planner #room-finish{display:block;width:100%;margin:16px 0 8px;background:#173e34;color:#fff}.planner-review{scroll-margin-top:100px}#room-saved-confirmation:not(:empty){padding:12px;background:#e9f0ec;border-left:3px solid #173e34}#room-finish-feedback:empty,#room-saved-confirmation:empty{display:none}

@media(max-width:480px){.wall-drawing-panel.is-expanded #room-rotate-left,.wall-drawing-panel.is-expanded #room-rotate-right,.wall-drawing-panel.is-expanded #room-zoom-in,.wall-drawing-panel.is-expanded #room-zoom-out{font-size:0;min-width:44px;width:44px;padding:6px}.wall-drawing-panel.is-expanded #room-rotate-left:after{content:'↶';font:24px Arial,sans-serif}.wall-drawing-panel.is-expanded #room-rotate-right:after{content:'↷';font:24px Arial,sans-serif}.wall-drawing-panel.is-expanded #room-zoom-in:after{content:'+';font:24px Arial,sans-serif}.wall-drawing-panel.is-expanded #room-zoom-out:after{content:'−';font:24px Arial,sans-serif}}
/* Category toolbar and native modal editors keep every input out of the scene. */
.wall-drawing-panel{position:relative;top:auto}
.planner-categories{display:flex;flex-wrap:wrap;gap:8px;padding:14px;border-bottom:1px solid #d9d8ce;background:#fff}
.planner-categories button{flex:1 1 auto}
#planner-step-help{padding:0 16px;font-size:15px}
#wall-status{padding:0 16px}
.wall-drawing-panel:not(.is-expanded) #room-preview-3d{height:clamp(360px,65vh,850px)}
#planner-dialog{width:min(680px,calc(100vw - 32px));max-height:85dvh;box-sizing:border-box;padding:24px;border:1px solid #bdc8bf;border-radius:14px;color:#173e34;overflow:auto}
#planner-dialog::backdrop{background:rgb(15 35 29 / .4)}
.planner-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.planner-dialog-heading h2{margin:0;font-size:24px}
.planner-dialog-heading button{flex-shrink:0;font-size:14px}
.wall-planner [hidden]{display:none!important}
#planner-dialog .room-layout{display:block;margin:0 0 16px;padding:12px}
#planner-dialog form{padding:0;border:0;background:transparent}
#planner-dialog .planner-extra{margin-block:16px;padding:12px}
#planner-dialog .wall-toolbar{margin-block:16px}
#planner-dialog .room-settings[open],#planner-dialog .room-instructions[open]{max-height:none}
#planner-dialog .wall-summary{margin:0;padding:0;border:0}
#planner-dialog-status:empty{display:none}
#planner-dialog-status:not(:empty){padding:12px;background:#f5f0df}
#planner-dialog #wall-swatch{display:block;width:190px;height:auto;max-width:100%}
#planner-dialog .room-view-controls{margin:10px 0}
#planner-dialog #room-floorplan svg{max-height:190px}
.wall-drawing-panel.is-expanded>.planner-categories{flex-shrink:0}
@media(max-width:600px){.planner-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:10px}.planner-categories button{font-size:14px;padding:8px}.planner-dialog-heading{align-items:start;flex-direction:column}#planner-dialog{padding:18px}.wall-drawing-panel.is-expanded #planner-step-help,.wall-drawing-panel.is-expanded #wall-status{display:none}}

.planner-modal-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
.wall-planner #planner-choose-fabric:not(:disabled),.wall-planner #planner-review-project{background:#173e34;color:#fff}
@media(max-width:480px){.planner-modal-actions button{flex:1 1 100%}}