.planner-main{max-width:1680px;margin:auto;padding:clamp(2rem,5vw,5rem) clamp(1rem,3vw,3rem)}
.kitchen-inspiration{grid-column:1/-1;grid-row:2;padding:1.5rem;border:1px solid #c2cbbf;border-radius:12px;background:#f8faf6}.kitchen-inspiration h2{font-size:clamp(1.8rem,3vw,3rem)}.inspiration-controls{display:flex;gap:1rem;flex-wrap:wrap;align-items:end}.inspiration-controls label{display:grid;gap:.4rem}.inspiration-controls select,.inspiration-controls button,.decor-layout-previews button{padding:.7rem 1rem;font-size:1rem;border:1px solid #81927c;border-radius:5px}.inspiration-controls button,.decor-layout-previews button{background:#243829;color:#fff;cursor:pointer}.decor-layout-previews{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:1rem;margin-top:1rem}.decor-layout-previews article{min-width:0;border:1px solid #d0d6cb;background:#fff;border-radius:8px;overflow:hidden}.decor-layout-previews canvas{display:block;width:100%;height:auto}.decor-layout-previews h3{font-size:1rem;margin:1rem;line-height:1.4}.decor-layout-previews button{margin:0 1rem 1rem;font-size:.875rem}.kitchen-inspiration p{font-size:1rem;max-width:980px}#sink-product-links{display:grid;gap:.5rem}
.front-editor{grid-column:1/-1;padding:1rem;background:#111914;border:1px solid #687663;border-radius:8px}.front-editor[hidden]{display:none}.front-editor-title{margin:0;color:#ead3a9;font-size:1rem;font-weight:700}.front-height-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.front-height-actions{display:flex;gap:.5rem;flex-wrap:wrap}.front-height-actions button{border:1px solid #8a987e;border-radius:5px;background:#e9e5d9;color:#1d291e;padding:.65rem;font-size:.875rem;cursor:pointer}#front-height-status{font-size:.9rem;color:#e9d7b3;line-height:1.6}.planner-page .three-d-view .canvas-wrap{background:#d9dfd9}.planner-page .three-d-view .view-title{border-bottom:1px solid #dbe2d8;background:#f8faf6}.planner-page .three-d-view .camera-controls{background:#edf1ea}.planner-page .three-d-view{border-color:#c3cfbf}.planner-page .canvas-wrap canvas{image-rendering:auto}.planner-page .three-d-view .view-title strong{font-size:1.15rem}
.planner-page .planner-heading h1{font-size:clamp(2.3rem,4.5vw,4.8rem);line-height:1.12;letter-spacing:-.02em}.planner-page .planner-controls{grid-template-columns:1fr}.planner-page .planner-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.planner-page .planner-fields label{font-size:.875rem;min-width:0}.planner-page .planner-fields input,.planner-page .planner-fields select,.worktop-field select{width:100%;min-width:0;color:#171815;font-size:1rem;padding:.65rem}.control-help{font-size:.875rem;color:#ded9cf;margin-top:1rem;line-height:1.6}.camera-controls{display:flex;gap:1rem;flex-wrap:wrap;padding:1rem;background:#eeebe4}.camera-controls label{font-size:.875rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.camera-controls input[type=range]{width:130px}.planner-page .module-list button{display:block;width:100%;padding:.8rem;text-align:left;font-size:1rem;line-height:1.6;background:white;border:1px solid #d8d0c0;color:#24241f;cursor:pointer}.module-list button[aria-pressed=true]{outline:2px solid #b08132}.planner-page button:focus-visible,.planner-page a:focus-visible{outline:3px solid #b08132;outline-offset:3px}.planner-page .planner-notice a{color:#e2c998;text-decoration:underline}#planner-feedback:empty{display:none}#planner-feedback{margin:0;color:#ffe0a2;font-size:1rem}.planner-page .view-title small{font-size:.875rem}.worktop-field label{display:block;max-width:560px}.planner-page .canvas-wrap{aspect-ratio:900/650}@media print{.camera-controls{display:none!important}.planner-page .planner-notice{display:block!important;background:white;color:black;font-size:10pt}.planner-page .planner-notice p,.planner-page .planner-notice strong{color:black}.module-list button{border:0!important}}
.planner-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:3rem;align-items:end;margin-bottom:2rem}.planner-heading h1{font-size:clamp(3rem,6vw,6.5rem)}.planner-heading>p{color:#625e56;font-size:1.05rem;max-width:520px}
.planner-controls{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:clamp(1rem,2vw,2rem);background:#171815;color:white}.planner-controls fieldset{border:1px solid #4b4942;padding:1rem;margin:0}.planner-controls legend{padding:0 .5rem;color:#e2c998;font-weight:800}.planner-fields{display:flex;gap:.75rem;align-items:end;flex-wrap:wrap}.planner-fields label{display:grid;gap:.25rem;flex:1;min-width:110px;font-size:.78rem;font-weight:700}.planner-fields input,.planner-fields select{min-height:47px;background:#fff}.planner-fields .button{min-height:47px;border:0;white-space:nowrap}.planner-secondary{background:#fff;color:#111}.planner-selection{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:1rem;border-top:1px solid #4b4942;padding-top:1rem}.planner-selection div{display:flex;gap:.5rem;flex-wrap:wrap}.planner-selection button{border:1px solid #777268;background:transparent;color:white;padding:.6rem .8rem;cursor:pointer}.planner-selection button:disabled{opacity:.4;cursor:not-allowed}.planner-selection button:not(:disabled):hover{border-color:#c9a96e}
.planner-workspace{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.plan-view{min-width:0;border:1px solid #d8d0c0;background:#fff}.view-title{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid #d8d0c0}.view-title div{display:flex;flex-direction:column}.view-title span{color:#8a6b3c;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.view-title strong{font-size:1rem}.view-title small{color:#77736b}.canvas-wrap{width:100%;aspect-ratio:900/650;background:#f8f7f3}.canvas-wrap canvas{display:block;width:100%;height:100%;touch-action:none}
.planner-summary{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;margin-top:1rem;padding:clamp(1.5rem,4vw,3rem);border:1px solid #d8d0c0;background:#faf9f6}.planner-summary h2{font-size:clamp(2rem,4vw,3.5rem)}.module-list{margin:1.5rem 0 0;padding:0;list-style:none;border-top:1px solid #d8d0c0}.module-list li{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid #d8d0c0;color:#5d5952}.planner-actions{display:grid;gap:.65rem;align-content:start}.planner-actions .button{width:100%;cursor:pointer}.planner-notice{margin-top:1rem;padding:clamp(1.5rem,4vw,3rem);background:#262620;color:white}.planner-notice h2{font-size:clamp(2rem,4vw,3.5rem)}.planner-notice p{color:#cbc6bd;max-width:1100px}.planner-notice strong{color:#e2c998}
@media(max-width:980px){.planner-heading,.planner-summary{grid-template-columns:1fr}.planner-workspace{grid-template-columns:1fr}.planner-controls{grid-template-columns:1fr}.planner-selection{grid-column:1}.three-d-view{order:2}}
@media(max-width:620px){.planner-fields{display:grid;grid-template-columns:1fr 1fr}.planner-fields .button{grid-column:1/-1}.planner-selection{align-items:flex-start;flex-direction:column}.view-title{align-items:flex-start;flex-direction:column}.module-list li{display:block}.planner-main{padding-left:.75rem;padding-right:.75rem}}
@media print{.site-header,.contact-dock,footer,.planner-controls,.planner-actions,.planner-notice{display:none!important}.planner-main{padding:0}.planner-heading{display:block;margin-bottom:1cm}.planner-heading>p{display:none}.planner-workspace{grid-template-columns:1fr 1fr;break-inside:avoid}.planner-summary{display:block;break-inside:avoid}.canvas-wrap{aspect-ratio:900/650}.plan-view{break-inside:avoid}}
.planner-page{background:#efefec}.planner-page .planner-main{display:grid;grid-template-columns:390px minmax(0,1fr);gap:1.25rem}.planner-heading{grid-column:1/-1}.planner-page .planner-controls{grid-column:1;grid-row:3/6;align-content:start;border-radius:12px;background:#202522;padding:1.2rem;gap:1.4rem}.planner-page .planner-controls fieldset{min-width:0;border-color:#545c52;border-radius:8px;padding:1rem}.planner-page .planner-controls legend{font-size:1rem;color:#e6ce9e}.planner-page .planner-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.planner-page .planner-fields .button{grid-column:1/-1;white-space:normal}.planner-page .planner-fields label{overflow-wrap:anywhere}.planner-page .planner-fields input,.planner-page .planner-fields select{border-radius:5px}.planner-page .planner-workspace{grid-column:2;grid-row:3;display:flex;flex-direction:column;margin:0;align-self:start}.planner-page .three-d-view{order:-1}.planner-page .plan-view{border-radius:12px;overflow:hidden;box-shadow:0 12px 35px #2025220a}.planner-page .view-title{background:#fff;padding:1.25rem}.camera-help,#cabinet-caption{padding:0 1.25rem;font-size:.875rem;color:#535b52}.camera-controls button,.view-title button{border:1px solid #acb2a7;border-radius:5px;background:#fff;color:#242a23;padding:.65rem;font-size:.875rem;cursor:pointer}.camera-controls select{max-width:150px}.dimension-strip{grid-column:2;grid-row:4;background:#202522;color:#efdfc1;padding:1.25rem;border-radius:10px;align-self:start}.dimension-strip p{margin:0;line-height:1.7}.cabinet-drawing{grid-column:2;grid-row:5;align-self:start}.cabinet-drawing .canvas-wrap{aspect-ratio:1200/700!important}.planner-summary,.planner-notice{grid-column:1/-1;border-radius:12px}.hardware-sources{font-size:.875rem;color:#ecebe6}.hardware-sources a{color:#e6ce9e;text-decoration:underline}.hardware-sources summary{cursor:pointer;font-size:1rem}.planner-page .planner-selection{flex-direction:column;align-items:flex-start}.planner-page .planner-fields label span{font-size:.875rem;color:#e6ce9e}.planner-page button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:1100px){.planner-page .planner-main{grid-template-columns:1fr}.planner-heading{grid-column:1}.planner-page .planner-workspace{grid-column:1;grid-row:3}.dimension-strip{grid-column:1;grid-row:4}.planner-page .planner-controls{grid-column:1;grid-row:5}.cabinet-drawing{grid-column:1;grid-row:6}.planner-page .planner-selection{flex-direction:row;flex-wrap:wrap}}@media print{.planner-page .planner-main{display:block}.dimension-strip{background:white;color:black}.planner-page .planner-workspace{display:block}.camera-help,.hardware-sources,.view-title button{display:none}.cabinet-drawing{break-before:page}.planner-page .plan-view{box-shadow:none}}
@media print{.kitchen-inspiration{display:none!important}}
.planner-page .planner-heading{padding:0;margin:0}.planner-page .planner-heading h1{font-size:clamp(1.8rem,3vw,2.8rem)}.kitchen-inspiration{padding:1rem}.kitchen-inspiration h2{font-size:1.5rem}.kitchen-inspiration .eyebrow{display:none}.kitchen-inspiration p{margin:.6rem 0}.auto-worktop-check{display:flex!important;align-items:center;gap:.5rem;padding:.75rem;background:#e5eddf;border-radius:6px}.auto-worktop-check input{width:22px;height:22px}.kitchen-inspiration summary{cursor:pointer;padding:.5rem;font-size:.9rem}.planner-page .planner-controls{max-height:85vh;overflow:auto;overscroll-behavior:contain}.planner-page .planner-workspace{position:sticky;top:1rem}.quick-cabinets{display:flex;gap:.4rem;flex-wrap:wrap}.quick-cabinets button{padding:.6rem;border:1px solid #b8985c;border-radius:5px;font-size:1rem}@media(max-width:1100px){.planner-page .planner-workspace{position:static}.planner-page .planner-controls{max-height:none;overflow:visible}.inspiration-controls{gap:.6rem}.inspiration-controls label{flex:1;min-width:130px}.inspiration-controls #quick-create{width:100%}}
/* Cabinet-first workspace: primary tools stay next to the room. */
.planner-page .planner-main{grid-template-columns:420px minmax(0,1fr);gap:1rem}
.planner-page .planner-controls{grid-row:2/6;max-height:none;overflow:visible;background:#fff;color:#202522;border:1px solid #cbd1c8;padding:1rem;gap:.75rem}
.planner-page .planner-controls fieldset{border-color:#d6dbd2;padding:.8rem}
.planner-page .planner-controls legend,.planner-page .planner-controls .control-help,.planner-page .planner-controls .planner-fields label span{color:#46513f}
.planner-page .planner-controls .control-help{font-size:.875rem;line-height:1.45}
.planner-page .planner-controls button{min-height:44px}
.planner-page .quick-cabinets{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}
.planner-page .quick-cabinets button{background:#26382b;color:#fff;border:0;padding:.65rem .3rem;font-size:.9rem}
.planner-page .planner-controls .planner-selection{border-color:#d0d6cc;margin:0;padding:.6rem 0}
.planner-page .planner-selection button{color:#243829;border-color:#a3ad9e;background:#f4f6f1}
.planner-fold{min-width:0;border:1px solid #d6dbd2;border-radius:8px;padding:.75rem;color:#25352a}
.planner-fold summary,.camera-options summary,.kitchen-inspiration>summary{cursor:pointer;font-weight:700;font-size:1rem;min-height:24px}
.planner-fold[open]>summary{margin-bottom:.8rem}
.planner-fold fieldset{margin-top:.5rem}
.planner-page .planner-controls .hardware-sources,.planner-page .planner-controls .hardware-sources a{color:#46513f}
.planner-page #planner-feedback{color:#87500c}
.planner-page .planner-workspace{grid-row:2;position:sticky;top:1rem;gap:.75rem}
.planner-page .dimension-strip{grid-row:3}
.planner-page .cabinet-drawing{grid-row:4}
.planner-page .kitchen-inspiration{grid-column:2;grid-row:5;align-self:start;background:white;padding:1rem}
.camera-options{padding:.75rem 1rem;background:#f3f5f0}
.camera-options .control-help{color:#46513f}
.planner-page .view-title{padding:.8rem 1rem}
.planner-page .planner-controls .module-list{padding-left:1.25rem;max-height:300px;overflow:auto}
.planner-page .planner-controls .module-list button{font-size:.875rem;line-height:1.4;padding:.65rem}
.planner-page .planner-heading h1{font-size:clamp(1.8rem,3vw,2.5rem)}
@media(max-width:1100px){.planner-page .planner-main{grid-template-columns:1fr}.planner-page .planner-controls{grid-column:1;grid-row:2}.planner-page .planner-workspace{grid-column:1;grid-row:3;position:static}.planner-page .dimension-strip{grid-column:1;grid-row:4}.planner-page .cabinet-drawing{grid-column:1;grid-row:5}.planner-page .kitchen-inspiration{grid-column:1;grid-row:6}}
@media print{.planner-fold,.camera-options{display:none!important}}
.planner-page [hidden]{display:none!important}.editor-tabs,.view-switch{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:.75rem}.editor-tabs button,.view-switch button{flex:1;padding:.7rem .45rem;border:1px solid #bbc4b6;background:#fff;border-radius:6px;color:#24362a;font-size:.9rem;cursor:pointer}.editor-tabs button[aria-pressed=true],.view-switch button[aria-pressed=true]{background:#24362a;color:#fff}.planner-page .planner-controls{grid-row:2;max-height:calc(100vh - 170px);overflow:auto;display:block}.planner-page .planner-workspace{position:static;grid-row:2;display:block;min-width:0}.planner-page .planner-workspace .canvas-wrap{max-height:65vh;aspect-ratio:900/650}.planner-page .planner-workspace .canvas-wrap canvas{object-fit:contain}.planner-page .dimension-strip{grid-column:1/-1;grid-row:3}.planner-page .cabinet-drawing{grid-column:1;grid-row:4}.planner-page .kitchen-inspiration{grid-column:2;grid-row:4}.planner-page .planner-selection{margin-top:.8rem;padding-top:.75rem}.planner-page #editor-elements .module-list{max-height:none}.planner-page .three-d-view{order:initial}.planner-page .camera-options{padding:.5rem .8rem}.planner-page .planner-controls .planner-fold{margin:.5rem 0}
@media(max-width:1100px){.planner-page .planner-controls{grid-row:3;max-height:65vh}.planner-page .planner-workspace{grid-column:1;grid-row:2}.planner-page .planner-workspace .canvas-wrap{max-height:40vh}.planner-page .dimension-strip{grid-column:1;grid-row:4}.planner-page .cabinet-drawing{grid-column:1;grid-row:5}.planner-page .kitchen-inspiration{grid-column:1;grid-row:6}}
@media print{.editor-tabs,.view-switch{display:none}.planner-page .planner-controls{max-height:none;overflow:visible}.planner-page .planner-workspace [hidden]{display:block!important}}
.planner-page .planner-workspace .canvas-wrap{width:min(100%,calc(65vh * 900 / 650));max-height:none;margin:0 auto;aspect-ratio:900/650}.planner-page .planner-workspace .canvas-wrap canvas{object-fit:fill}
@media(max-width:1100px){.planner-page .planner-workspace .canvas-wrap{width:min(100%,calc(40vh * 900 / 650));max-height:none}}

.room-editor{background:#fff;border:1px solid #b7bfb3;border-radius:8px;padding:12px;margin-bottom:12px}.room-editor summary{cursor:pointer;font-weight:600;min-height:30px}.room-editor .planner-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:10px}.room-editor input{width:100%;min-width:0;padding:8px;min-height:44px}.room-editor label{min-width:0}.free-space-summary{border-left:3px solid #176344;background:#f1f7f2;padding:12px 16px;margin:10px 0;font-size:14px}.free-space-summary p{margin:4px 0}.free-space-summary small{font-size:13px;display:block;line-height:1.4}@media(max-width:600px){.room-editor .planner-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.room-editor button{grid-column:1/-1}}

#ai-room-planner label{display:block;margin:10px 0;font-size:14px}#ai-room-planner textarea{width:100%;padding:10px;font:inherit}#ai-room-planner p{font-size:14px;line-height:1.5}#ai-room-planner button{min-height:44px;padding:10px 14px}#ai-room-planner input[type=checkbox]{width:18px;min-height:18px}#ai-draft-notes{white-space:pre-line}