.planner-page{--accent:#b44709;--green:#263830;--border:#dfe4dd;--soft:#f4f5f0;max-width:1560px;margin:auto;padding:32px 30px 56px;color:var(--green)}.planner-page [hidden]{display:none!important}.planner-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:26px}.planner-heading .eyebrow{font-size:10px;margin:0 0 10px}.planner-heading h1{font-size:clamp(28px,3.2vw,44px);margin:0 0 9px;letter-spacing:-.045em}.planner-heading p{font-size:14px;margin:0;color:#687269}.planner-other{font-size:12px;white-space:nowrap;border-bottom:1px solid #abb5aa;padding:4px 0}.planner-page button{cursor:pointer;border:1px solid var(--border);background:#fff;color:var(--green);border-radius:5px;padding:8px 11px;font-size:12px;font-weight:650;line-height:1.4;min-height:36px}.planner-page button:hover{background:#edf0e9;border-color:#acb9aa}.planner-page button:disabled{opacity:.4;cursor:default}.planner-page button.planner-primary{background:var(--accent);color:#fff;border-color:var(--accent);padding:11px 18px}.planner-page button.planner-primary:hover{background:#a93e02}.planner-page label{display:block;font-size:11px;font-weight:650;color:#5c685d}.planner-page input:not([type=checkbox]):not([type=range]):not([type=color]),.planner-page select,.planner-page textarea{width:100%;min-width:0;border:1px solid var(--border);border-radius:4px;padding:8px;background:#fff;color:#273a2d;font-size:12px;line-height:1.5}.planner-page input[type=number]{font-variant-numeric:tabular-nums}.planner-page input[type=checkbox]{accent-color:var(--accent);width:14px;height:14px;vertical-align:middle}.planner-page input[type=range]{accent-color:var(--accent)}.planner-page textarea{resize:vertical}.project-bar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:15px 20px;background:#263830;color:#fff;border-radius:9px 9px 0 0}.project-title{min-width:0;display:grid;grid-template-columns:minmax(150px,340px);gap:2px}.project-title label{font-size:8px;letter-spacing:.15em;color:#6c746c}.project-title #project-name{background:transparent;border:0;padding:0;color:white;font-size:17px;font-weight:600;border-radius:0}.project-title #save-status{font-size:10px;color:#bccbbc}.project-actions{display:flex;align-items:center;gap:6px}.project-actions>button:not(.planner-primary),.project-menu summary{background:transparent;color:#fff;border:1px solid #5b6a5e;border-radius:4px}.project-menu{position:relative}.project-menu summary{cursor:pointer;list-style:none;padding:8px 12px;font-size:12px;min-height:36px}.project-menu summary::-webkit-details-marker{display:none}.project-menu[open]>div{display:grid;gap:3px;position:absolute;right:0;top:42px;min-width:220px;background:white;padding:8px;border:1px solid var(--border);border-radius:6px;z-index:50;box-shadow:0 12px 32px #15251e20}.project-menu button{text-align:left;border:0}.planner-grid{display:grid;grid-template-columns:190px minmax(0,1fr) 260px;border:1px solid var(--border);border-top:0;border-radius:0 0 9px 9px;overflow:hidden;min-height:650px}.planner-palette,.planner-inspector{background:#fff;padding:19px 15px;min-width:0}.planner-palette{border-right:1px solid var(--border)}.planner-inspector{border-left:1px solid var(--border);max-height:790px;overflow:auto}.palette-title{font-size:10px;color:var(--accent);display:flex;gap:9px;align-items:center;margin-bottom:15px}.palette-title strong{color:var(--green);font-size:12px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.tool-grid button{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:61px;padding:7px 2px;font-size:10px;border-color:transparent;background:#f6f7f3}.tool-grid button>span{font-size:22px;font-weight:400;line-height:1.1;color:#5b7161}.tool-grid button[aria-pressed=true]{color:var(--accent);border-color:#dc8855;background:#fff0e4}.tool-grid button[aria-pressed=true]>span{color:var(--accent)}.planner-page .quick-room{margin-top:10px;width:100%;font-size:10px;background:#fffaf5;border-color:#e9d4c3;padding:8px 4px}.palette-list-title{display:flex;justify-content:space-between;margin:20px 0 9px;font-size:10px;color:#687369}.element-list{max-height:220px;overflow:auto;display:grid;gap:2px;scrollbar-width:thin}.element-list button{display:flex;justify-content:space-between;align-items:center;text-align:left;border:0;font-size:10px;padding:5px 6px;gap:6px;min-height:30px}.element-list button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.element-list button small{font-size:9px;color:#6a7569;white-space:nowrap}.element-list button[aria-pressed=true]{background:#e8eee5;box-shadow:inset 2px 0 var(--accent)}.planner-stage{background:#f7f8f5;min-width:0;display:flex;flex-direction:column}.stage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 17px;border-bottom:1px solid var(--border);background:#fff}.view-tabs{display:flex;padding:3px;background:#f0f3ed;border-radius:5px}.view-tabs button{border:0;min-height:29px;padding:5px 12px;background:transparent;font-size:11px}.view-tabs button[aria-pressed=true]{background:#fff;box-shadow:0 1px 4px #18391e12}.stage-badge{font-size:8px;letter-spacing:.1em;color:#617461;display:flex;align-items:center;gap:6px;white-space:nowrap}.stage-badge i{width:5px;height:5px;background:#82977c;border-radius:50%}.planner-viewport{position:relative;flex:1;min-height:440px;height:510px;overflow:hidden}.planner-viewport canvas{display:block;width:100%;height:100%;touch-action:none;outline-offset:-4px}.canvas-tools{position:absolute;bottom:14px;right:15px;display:flex;gap:3px;box-shadow:0 2px 9px #24342809}.canvas-tools button{min-height:30px;padding:4px 10px;background:#fffffff0}.volume-tools{position:absolute;bottom:10px;right:10px;left:10px;display:flex;align-items:center;justify-content:center;gap:14px;padding:7px 12px;border-radius:5px;background:#fffef2ed}.volume-tools label{display:flex;gap:8px;align-items:center;font-size:10px}.volume-tools input[type=range]{width:105px}.stage-hint{display:flex;gap:10px;align-items:center;padding:10px 18px;border-top:1px solid var(--border);min-height:55px;background:#fff}.stage-hint p{margin:0;font-size:11px;line-height:1.6;color:#617060}.hint-mark{color:var(--accent);font-size:20px}.plan-legend{display:flex;gap:11px;flex-wrap:wrap;padding:8px 18px;color:#697469;background:#fff;border-top:1px solid #f0f2ed}.plan-legend span,.plan-legend label{display:flex;align-items:center;gap:4px;font-size:9px;font-weight:400}.plan-legend i{display:block;width:10px;height:8px;background:#dce5d9}.plan-legend .legend-door{height:2px;background:var(--accent)}.plan-legend .legend-window{height:2px;background:#51899d}.plan-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);background:#edf1e9}.plan-stats>div{padding:12px 18px;border-right:1px solid var(--border)}.plan-stats span{display:block;font-size:9px;color:#5d695b}.plan-stats strong{font-size:21px;letter-spacing:-.04em}.planner-inspector h2{font-size:19px;margin-bottom:8px;overflow-wrap:anywhere}.inspector-subtitle{font-size:11px;color:#6a7268;line-height:1.6;margin:0 0 17px}.inspector-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inspector-fields label.full{grid-column:1/-1}.inspector-fields label input,.inspector-fields label select{margin-top:3px}.inspector-fields label.color-field{display:flex;align-items:center;gap:12px}.inspector-fields input[type=color]{width:42px;height:34px;padding:2px;border:1px solid var(--border);border-radius:4px;background:white}.inspector-fields label.check-field{display:flex;align-items:center;gap:7px}.inspector-section-label{font-size:9px;letter-spacing:.13em;font-weight:700;color:#677263;margin:20px 0 9px;grid-column:1/-1}.inspector-form>button{width:100%;margin-top:16px;background:var(--green);color:white;border-color:var(--green)}.inspector-form>button:hover{background:#344d3c}.selection-actions{display:flex;gap:6px;margin-top:9px}.selection-actions button{flex:1;font-size:11px}.selection-actions .delete-element{color:#9c4330}.inspector-empty{padding:20px 0}.inspector-empty .empty-icon{font-size:45px;color:#6a7368;font-weight:300}.inspector-empty h2{margin:16px 0 10px}.inspector-empty p{font-size:12px;color:#657361;line-height:1.8}.inspector-summary{margin:22px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px solid var(--border);padding-top:15px}.inspector-summary div{font-size:10px;color:#677563}.inspector-summary strong{font-size:17px;display:block;color:var(--green)}.planner-feedback{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:100;background:#263830;color:#fff;box-shadow:0 4px 28px #182a2625;border-radius:7px;padding:12px 20px;font-size:13px;max-width:min(620px,calc(100% - 32px));width:max-content;pointer-events:none}.planner-feedback:empty{display:none}.planner-feedback[data-error=true]{background:#843e29}.planner-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px;margin-top:35px;padding-top:30px;border-top:1px solid var(--border)}.planner-bottom h2,.planner-notes h2{font-size:22px;letter-spacing:-.035em;margin:0 0 13px}.planner-bottom .eyebrow{font-size:9px;margin:0 0 9px}.planner-bottom p,.planner-scope{font-size:11px;color:#687563;line-height:1.7}.three-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.three-fields input{margin:4px 0 8px}.version-slots{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:9px}.version-slots>div{border:1px solid var(--border);padding:10px;background:var(--soft);border-radius:4px}.version-slots strong{font-size:12px;display:block}.version-slots small{display:block;font-size:10px;color:#667360;margin:5px 0;overflow-wrap:anywhere}.version-slots button{font-size:10px;min-height:30px;padding:5px 8px;margin-right:2px}.planner-review ul{margin:0 0 10px;padding:0;list-style:none;max-height:150px;overflow:auto}.planner-review li{font-size:11px;margin:7px 0;line-height:1.7}.planner-review li button{border:0;padding:0;min-height:0;background:none;color:#9b4c1a;font-weight:500;text-align:left;font-size:11px}.planner-notes{display:grid;grid-template-columns:1fr 2fr;gap:40px;border-top:1px solid var(--border);padding-top:26px;margin-top:26px}.planner-notes p{font-size:12px;color:#667561;max-width:300px}.planner-notes textarea{margin-top:5px}.planner-scope{margin:26px 0 0;border-top:1px solid var(--border);padding-top:18px;font-size:10px}.planner-page dialog{border:1px solid var(--border);border-radius:10px;padding:24px;width:min(1200px,calc(100% - 32px));max-height:90vh;color:var(--green)}.planner-page dialog::backdrop{background:#0a231b99;backdrop-filter:blur(3px)}.compare-header{display:flex;gap:16px;justify-content:space-between;align-items:start;margin-bottom:20px}.compare-header h2{font-size:26px;margin:0}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.compare-grid h3{font-size:17px}.compare-grid canvas{width:100%;height:330px;border:1px solid var(--border);border-radius:4px}.compare-grid p{font-size:12px}.planner-page .sim-quote-section{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding-top:50px;margin-top:35px;border-top:1px solid var(--border);width:100%}.planner-page .sim-quote-section h2{font-size:32px}.planner-page .sim-quote-section p{font-size:13px}.planner-page #design-summary{white-space:pre-wrap;font-family:inherit;font-size:11px;max-height:250px;overflow:auto;background:var(--soft);padding:18px;border-radius:6px}.planner-page .sim-quote-section .btn-primary{background:var(--accent);color:white}.planner-page #design-preview{border:1px solid var(--border);border-radius:6px;width:100%;height:auto}.planner-page .card{border-radius:8px}.planner-page .sim-quote-section .field input,.planner-page .sim-quote-section .field select{font-size:14px;min-height:40px}.planner-page .sim-quote-section input[type=checkbox]{min-height:0}.planner-page .sim-quote-section textarea{min-height:110px}.planner-page .sim-quote-section .eyebrow{font-size:10px}.planner-page :focus-visible{outline:3px solid #d57b46;outline-offset:3px}
@media(min-width:1600px){.planner-viewport{height:590px;min-height:510px}.planner-grid{grid-template-columns:205px minmax(0,1fr) 280px}}
@media(max-width:1190px){.planner-page{padding:25px 18px 45px}.planner-grid{grid-template-columns:150px minmax(0,1fr) 230px}.planner-palette,.planner-inspector{padding:16px 11px}.stage-badge{display:none}.planner-viewport{min-height:410px}.tool-grid button{font-size:9px}.plan-legend{gap:8px}.plan-stats>div{padding:12px 10px}}
@media(max-width:950px){.planner-grid{grid-template-columns:145px minmax(0,1fr)}.planner-inspector{grid-column:1/-1;border-left:0;border-top:1px solid var(--border);max-height:none}.planner-inspector #inspector-content{max-width:700px;margin:0 auto}.inspector-fields{grid-template-columns:repeat(4,1fr)}.inspector-fields label.full{grid-column:span 2}.inspector-form>button{width:auto;padding-inline:30px}.selection-actions{max-width:320px}.inspector-empty{padding:0}.inspector-empty .empty-icon{display:none}.inspector-empty h2{margin:0}.planner-bottom{gap:20px;grid-template-columns:1fr 1fr}.planner-review{grid-column:1/-1}.planner-review ul{max-height:110px}.project-bar{padding:13px}.project-title{grid-template-columns:minmax(110px,280px)}.project-title #project-name{font-size:15px}.project-actions .planner-primary{font-size:11px;padding:10px}.planner-other{display:none}}
@media(max-width:620px){.planner-page{padding:24px 12px 32px}.planner-heading{margin-bottom:20px}.planner-heading h1{font-size:32px;max-width:300px}.planner-heading p{font-size:12px;max-width:295px}.project-bar{flex-direction:column;align-items:stretch;gap:12px}.project-title{grid-template-columns:1fr}.project-title #project-name{font-size:16px}.project-actions{justify-content:space-between}.project-actions .planner-primary{margin-left:auto}.project-actions #undo,.project-actions #redo{padding:6px 10px}.planner-grid{grid-template-columns:1fr}.planner-palette{padding:10px;border:0;border-bottom:1px solid var(--border);display:contents}.planner-palette .palette-title{display:none}.tool-grid{grid-row:1;display:flex;overflow-x:auto;gap:4px;padding:9px;background:#fff;border-bottom:1px solid var(--border);scrollbar-width:thin}.tool-grid button{min-width:58px;min-height:57px;font-size:9px}.tool-grid button>span{font-size:22px}.planner-stage{grid-row:2}.planner-viewport{min-height:340px;height:390px}.planner-page .quick-room{grid-row:3;width:calc(100% - 24px);margin:10px 12px 0}.palette-list-title{padding-inline:13px;margin:12px 0 0}.element-list{display:flex;gap:6px;max-height:none;overflow-x:auto;padding:8px 12px 12px}.element-list button{flex-shrink:0;max-width:180px;border:1px solid var(--border);padding:7px;min-height:36px}.planner-inspector{padding:18px 14px}.inspector-fields{grid-template-columns:1fr 1fr}.inspector-fields label.full{grid-column:1/-1}.planner-page input:not([type=checkbox]):not([type=range]):not([type=color]),.planner-page select,.planner-page textarea{font-size:16px}.planner-page label{font-size:11px}.planner-bottom{grid-template-columns:1fr;gap:27px;margin-top:26px;padding-top:24px}.planner-review{grid-column:auto}.planner-notes{grid-template-columns:1fr;gap:8px}.planner-notes p{max-width:none}.planner-scope{font-size:10px}.stage-toolbar{padding:10px 12px}.stage-hint{padding:8px 12px}.stage-hint p{font-size:10px}.plan-legend{padding:8px 12px;gap:8px}.plan-stats strong{font-size:19px}.plan-stats span{font-size:8px}.plan-stats>div{padding:10px}.volume-tools{flex-wrap:wrap;gap:4px 12px}.compare-grid{grid-template-columns:1fr}.compare-grid canvas{height:260px}.planner-page dialog{padding:16px}.compare-header h2{font-size:23px}.planner-page .sim-quote-section{grid-template-columns:1fr;gap:20px}.planner-feedback{bottom:14px;font-size:12px}.planner-page .card{padding:17px}.planner-heading .eyebrow{font-size:9px}}

/* Leave the volume caption clear of the view controls. */
.volume-tools{bottom:43px}@media(max-width:620px){.volume-tools{bottom:39px}}
.planner-page button,.planner-page summary{touch-action:manipulation}