/* A continuous drawing workspace, with one decision panel at a time. */
:root{--ink:#153e34;--muted:#62716a;--line:#dce3df;--accent:#b76a3e}
.mirror-controls{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.mirror-controls h3{font-size:17px;font-weight:500}.mirror-controls>div{display:flex;gap:8px}.mirror-controls button{flex:1;min-height:44px;padding:8px;font-size:14px;border:1px solid var(--line);background:#fff;border-radius:4px}.layout-actions{display:grid;grid-template-columns:1fr 1fr}.layout-actions button{min-height:44px;border:1px solid var(--line);border-radius:4px;padding:8px;background:#fff}.outer-wall{cursor:ew-resize}.outer-wall[data-id=outer-front],.outer-wall[data-id=outer-back]{cursor:ns-resize}.resize-handle{cursor:crosshair}.resize-handle:hover rect{fill:#b57042;stroke:#fff}
body{height:100dvh;min-height:560px;display:grid;grid-template-rows:76px minmax(0,1fr) 60px;overflow:hidden}
.header{height:auto;padding:0 26px;z-index:5}.brand-sub{font-size:12px;letter-spacing:.13em}.prototype,.config-intro,.config-footer,.config-progress{display:none}.header-right{gap:25px;height:100%}
.header-price{display:flex;align-items:center;gap:25px;padding:8px 24px;border-inline:1px solid var(--line);cursor:pointer;min-height:100%;background:#f6f9f7}.header-price>div:first-child{display:none}.header-price .live-summary-price{gap:2px}.header-price #summary-price-label{font-size:12px;letter-spacing:0;text-transform:none}.header-price #summary-price{font-size:24px;font-weight:600}.header-price #summary-delta{font-size:12px;max-width:330px;white-space:normal}.header-price:hover{background:#edf4ef}
.workspace{min-height:0;height:100%;display:grid;grid-template-columns:100px 340px minmax(0,1fr);grid-template-areas:'rail controls drawing';align-items:stretch}.category-rail{grid-area:rail;background:#f3f6f4;border-right:1px solid var(--line);display:flex;flex-direction:column;overflow-y:auto;padding:12px 8px;gap:5px}.category-rail button{min-height:78px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:none;border:1px solid transparent;border-radius:7px;padding:9px 3px;color:#64776d;font-size:14px;line-height:1.3}.category-rail button:hover{background:#e5eee8}.category-rail button.active{background:var(--ink);color:white;border-color:var(--ink)}.category-rail svg{height:23px;width:23px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.config{grid-area:controls;overflow-y:auto;border:0;border-right:1px solid var(--line);overscroll-behavior:contain;scrollbar-width:thin;padding:25px 22px 24px}.panel-heading{padding-bottom:22px}.panel-heading .eyebrow{font-size:12px;margin-bottom:7px}.panel-heading h2{font-family:Georgia,serif;font-size:29px;font-weight:400;letter-spacing:-.02em;margin:0}.category-panel>.section{border:0}.category-panel>.section>summary{display:none}.category-panel .section-body{padding:0}.category-panel .model-picker{padding:0;border:0}.category-panel .model-picker>.choice-grid{gap:10px}.model-picker .choice-grid label>span{padding:9px;min-height:0;gap:7px}.model-picker .choice-grid label img{width:100%;height:92px;object-fit:contain;background:white;border-radius:3px}.model-picker .choice-grid strong{font-size:24px}.model-picker small{white-space:normal;font-size:13px;line-height:1.35}.model-picker .choice-price{font-family:inherit;color:var(--ink);font-weight:600;font-size:13px}.model-picker .custom-model-choice>span{display:flex!important;flex-direction:column;padding:15px!important}.custom-model-choice b{align-self:auto;font-size:14px}.category-panel #dimensions-section{margin-top:25px;padding-top:22px;border-top:1px solid var(--line)}
.section-body legend,.field>label,.measure-row label,.custom-choice,.toggle-row,.color-field{font-size:14px}.measure-row label small,.note,.material-note,.color-note,.wax-preview,.custom-exterior .field>label{font-size:13px;line-height:1.5}.note{margin-top:14px}.number-unit{width:108px;height:44px}.number-unit input{font-size:16px}.category-panel select{font-size:14px;height:46px}.category-panel .field{margin-top:20px}.category-panel .swatches{gap:8px}.swatches label{font-size:14px}.swatches .option-price{font-size:12px;text-align:center;line-height:1.35;min-height:32px}.category-panel .swatch{width:47px;height:47px}.swatches input:checked~span:last-of-type{color:var(--ink);font-weight:600}.start-layout h3{font-size:19px;font-weight:500;margin:0 0 10px}.start-layout p{font-size:16px;line-height:1.6;color:var(--muted)}
.design-stage,.custom-stage{grid-area:drawing;position:relative;top:auto;min-height:0;height:100%;display:block;overflow:hidden}.design-stage>.stage,.custom-stage>.stage{height:100%;min-height:0;max-height:none;position:relative}.stage-heading,.custom-stage .stage-heading{left:30px;right:25px;top:25px}.stage-heading .eyebrow{font-size:12px}.stage-heading h1,.custom-stage .stage-heading h1{font-size:31px}.stage-heading h1 span{font-size:14px;display:block;margin:7px 0 0}.model-tag{font-size:13px;max-width:150px}.view-switch,.custom-stage .view-switch{z-index:3;top:auto;bottom:26px;left:50%;transform:translateX(-50%);white-space:nowrap;background:white;padding:4px;border-color:#d3dfd5;box-shadow:0 4px 20px #12352510}.view-switch button,.custom-stage .view-switch button{font-size:14px;padding:10px 15px}.view-switch button.active{background:var(--ink);color:#fff}.stage-tools,.custom-stage .stage-tools{z-index:3;left:24px;right:auto;top:48%;background:white;border-color:var(--line)}.stage-tools button{width:39px;height:40px}.stage-bottom,.custom-stage .stage-bottom{left:30px;right:24px;bottom:91px;display:flex;flex-direction:row;align-items:end;gap:15px}.dimension-readout,.custom-stage .dimension-readout{display:none}.gesture-hint,.custom-stage .gesture-hint{font-size:13px;text-align:left;max-width:340px;line-height:1.5;background:#e7eeeaad;padding:4px 8px;border-radius:4px}
.plan-editor{position:absolute;inset:0;z-index:2;height:100%;padding:25px 30px 95px;max-height:none;border:0;background:#eef3ef}.plan-toolbar>div:first-child{gap:7px}.plan-toolbar strong{font-family:Georgia,serif;font-size:27px;font-weight:400}.plan-toolbar span{font-size:14px}.plan-toolbar button{width:44px;height:44px}.floor-plan{min-height:120px;overflow:hidden}.plan-feedback{font-size:14px;min-height:44px;margin-top:8px;line-height:1.5}.inspect-shortcut{display:none!important}.stage.plan-active .stage-heading,.stage.plan-active .stage-tools,.stage.plan-active .stage-bottom{visibility:hidden}.stage.plan-active .view-switch{z-index:4}
.part-palette{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 18px}.part-palette button{font-size:14px;min-height:58px;padding:11px 8px;flex-wrap:wrap;justify-content:flex-start;gap:6px;line-height:1.3}.part-palette button span{font-size:21px}.part-palette button small{width:100%;font-size:12px;margin-left:25px}.part-palette button[aria-pressed=true]{background:#153e34;color:white;border-color:#153e34}.part-palette button[data-add=partition]{grid-column:1/-1}.layout-actions{margin:16px 0;gap:15px}.layout-actions button{font-size:13px}.object-list-label{font-size:14px}.object-list{font-size:14px}.object-inspector{padding:16px;margin-top:14px;background:#f6f8f5;min-height:0}.empty-inspector{font-size:14px;line-height:1.6}.inspector-heading strong{font-size:24px}.inspector-heading button{font-size:14px}.inspector-fields{grid-template-columns:1fr;gap:16px}.inspector-fields>label{font-size:14px;gap:8px}.inspector-fields select,.inspector-input{min-height:44px;height:auto}.inspector-fields select,.inspector-input input{font-size:16px}.inspector-input small{font-size:13px}.inspector-actions{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.inspector-actions button{min-height:40px;font-size:14px;background:white;border:1px solid #cbd7cd;border-radius:4px;padding:8px 11px}.layout-warnings p{font-size:13px}.cancel-placement{font-size:14px;min-height:42px;background:#fff;border:1px solid var(--line);border-radius:4px;padding:8px;margin-bottom:12px}
.native-heater-select{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.heater-options{display:flex;flex-direction:column;gap:9px;margin-top:20px}.heater-options button{display:grid;grid-template-columns:1fr auto;gap:5px 10px;text-align:left;padding:14px;border:1px solid #ced9d0;border-radius:5px;background:#fff}.heater-options strong{font-size:16px;grid-column:1/-1;font-weight:550}.heater-options span{font-size:13px;color:var(--muted)}.heater-options b{font-size:14px;font-weight:550}.heater-options button[aria-pressed=true]{border:2px solid var(--ink);padding:13px;background:#f0f5ef}.heater-card{background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:17px 0;font-size:14px}.heater-card>strong{font-size:23px}.heater-card p{font-size:14px}.choice-grid small{font-size:13px}
.category-panel .estimate{padding:0;background:none;border:0}.estimate h3{font-size:20px}.estimate .eyebrow{display:none}.estimate-heading{flex-direction:column}.estimate-status{font-size:13px;max-width:none;text-align:left}.estimate-total strong{font-size:30px}.estimate-total span,.estimate-total small{font-size:13px}.estimate-lines{gap:12px;margin-top:20px}.estimate-line{font-size:14px;line-height:1.4}.estimate-line span:last-child{white-space:nowrap}.technical-summary,.estimate>.note{font-size:13px}.category-panel .export-section{padding:20px 0;border:0}.primary-button,.secondary-button{font-size:14px;min-height:46px;line-height:1.4;padding:10px 14px}.category-panel .export-actions,.category-panel .customer-actions{grid-template-columns:1fr}.export-actions .secondary-button,.customer-actions .secondary-button{font-size:14px}.customer-actions:empty{display:none}.import-link,.customer-state{font-size:13px}.quote-panel{padding:22px 0;background:white}.quote-fields{grid-template-columns:1fr}.quote-fields label,.quote-checks label,.quote-checks legend{font-size:14px}.quote-heading h3{font-size:23px}.reference-section{margin:16px 0}.reference-section summary,.reference-section p{font-size:13px}.reference-grid figcaption{font-size:12px}
.workspace-footer{background:#fff;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:8px 26px;gap:18px;z-index:5}.workspace-footer button{padding:10px 15px;min-height:42px;font-size:14px;border:1px solid var(--line);border-radius:4px;background:#fff}.workspace-footer #next-category{background:var(--ink);color:white;border-color:var(--ink);min-width:180px}.workspace-footer span{font-size:14px;color:var(--muted)}.toast{bottom:75px;z-index:9}
@media(min-width:1550px){.workspace{grid-template-columns:108px 380px minmax(0,1fr)}.config{padding:28px}.model-picker .choice-grid label img{height:115px}}
@media(max-width:1100px) and (min-width:761px){.workspace{grid-template-columns:85px 300px minmax(0,1fr)}.category-rail button{font-size:13px}.config{padding:22px 17px}.stage-heading,.custom-stage .stage-heading{left:20px}.stage-heading .model-tag{display:none}.view-switch button,.custom-stage .view-switch button{padding:10px}.stage-tools{left:16px}.header-price #summary-delta{max-width:250px}}
@media(max-width:760px){
 body{grid-template-rows:66px minmax(0,1fr) 56px;min-height:560px}.header{padding:0 15px;gap:12px}.brand{font-size:14px;letter-spacing:.08em;gap:6px}.brand-mark{font-size:36px}.brand-sub{display:none}.header-right{gap:0;min-width:0}.header-right>.text-button{display:none}.header-price{padding:6px 0 6px 10px;background:none;border:0;min-width:0}.header-price #summary-price{font-size:21px}.header-price #summary-price-label{font-size:12px}.header-price #summary-delta{display:none}
 .workspace{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(220px,44%) 72px minmax(0,1fr);grid-template-areas:'drawing' 'rail' 'controls'}.category-rail{display:flex;flex-direction:row;gap:5px;overflow-x:auto;overflow-y:hidden;padding:5px 10px;border:0;border-block:1px solid var(--line);scrollbar-width:none}.category-rail button{min-height:59px;min-width:84px;gap:3px;padding:5px;font-size:12px;white-space:nowrap}.category-rail svg{width:20px;height:20px}.config{padding:20px;border:0;border-top:0;width:auto;min-height:0}.panel-heading{padding-bottom:14px}.panel-heading h2{font-size:25px}.panel-heading .eyebrow{display:none}.model-picker .choice-grid{grid-template-columns:1fr 1fr 1.1fr}.model-picker .custom-model-choice{grid-column:auto}.model-picker .custom-model-choice>span{padding:10px!important}.model-picker .choice-grid label img{height:55px}.model-picker .choice-grid strong{font-family:inherit;font-size:18px}.model-picker b,.model-picker small,.model-picker .choice-price{font-size:12px;white-space:normal}.category-panel #dimensions-section{margin-top:20px}.stage-heading,.custom-stage .stage-heading{top:15px;left:18px;right:15px}.stage-heading .eyebrow,.stage-heading .model-tag{display:none}.stage-heading h1,.custom-stage .stage-heading h1{font-size:26px}.stage-heading h1 span{font-size:13px;display:inline;margin-left:8px}.view-switch,.custom-stage .view-switch{bottom:11px;padding:3px}.view-switch button,.custom-stage .view-switch button{font-size:13px;padding:8px 12px}.stage-tools,.custom-stage .stage-tools{left:auto;right:10px;top:46%;padding:2px}.stage-tools button{width:32px;height:32px}.stage-tools #rotate,.stage-tools span{display:none}.stage-bottom{display:none!important}.plan-editor{padding:12px 15px 53px;height:100%;min-height:0}.plan-toolbar strong{font-size:20px}.plan-toolbar span{display:none}.plan-toolbar button{width:38px;height:36px}.floor-plan{min-height:70px}.plan-feedback{position:absolute;left:14px;right:14px;bottom:53px;background:#eef3efda;font-size:12px;min-height:0;line-height:1.3;margin:0;pointer-events:none}.part-palette{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-bottom:12px}.part-palette button{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;padding:9px 3px;min-height:67px;gap:5px;flex-wrap:nowrap}.part-palette button[data-add=partition]{grid-column:auto}.part-palette button small{display:none}.part-palette button span{font-size:22px}.inspector-fields{grid-template-columns:1fr 1fr}.inspector-fields>label{font-size:14px}.layout-actions{margin:12px 0}.category-panel select{font-size:16px}.object-list-label{font-size:14px}.object-inspector{margin-top:12px}.swatches{max-width:none}.heater-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.heater-options button{display:flex;flex-direction:column}.heater-options strong{font-size:15px}.heater-options b{margin-top:auto}.workspace-footer{padding:6px 12px;gap:8px}.workspace-footer span{font-size:12px;white-space:nowrap}.workspace-footer button{font-size:13px;padding:8px;min-height:40px}.workspace-footer #next-category{min-width:0}.toast{bottom:66px;font-size:14px}.quote-fields{grid-template-columns:1fr}.export-actions,.customer-actions{grid-template-columns:1fr 1fr!important}
}
#layout-controls:not(.has-selection)>.object-inspector{display:none}#layout-controls.has-selection>.part-palette,#layout-controls.has-selection>.layout-actions,#layout-controls.has-selection>.note{display:none}#layout-controls.has-selection>.object-inspector{margin-top:0;margin-bottom:20px}.gesture-hint.invalid{color:#a4462d}.stage.plan-active #viewer-error{visibility:hidden}
@media(max-width:760px){.part-palette{grid-template-columns:repeat(3,minmax(0,1fr))}.part-palette button[data-add=partition]{grid-column:span 2}.part-palette button{font-size:14px;flex-direction:row;min-height:48px}.part-palette button small{font-size:12px}.plan-editor .object-label{font-size:21px}.plan-editor .dimension-label{font-size:20px}.plan-editor .front-label{font-size:16px}}
@media(max-width:380px){.workspace-footer span{display:none}.model-picker .choice-grid{grid-template-columns:1fr 1fr}.model-picker .custom-model-choice{grid-column:1/-1}.header-price #summary-price{font-size:19px}.brand{font-size:12px}}
@media(max-height:650px) and (min-width:761px){body{min-height:420px}.category-rail button{min-height:58px;font-size:12px;gap:3px}.category-rail svg{width:19px;height:19px}.category-rail{padding-block:8px}.stage-bottom{display:none}}
@media(max-height:600px) and (max-width:760px){body{min-height:0;grid-template-rows:58px minmax(0,1fr) 50px}.workspace{grid-template-rows:minmax(110px,35%) 62px minmax(0,1fr)}.category-rail button{min-height:49px}.plan-toolbar{display:none}.plan-editor{padding-top:4px;padding-bottom:48px}.plan-feedback{display:none}.view-switch,.custom-stage .view-switch{bottom:4px}.view-switch button,.custom-stage .view-switch button{padding:7px 10px}.config{padding:15px}.workspace-footer{padding-block:3px}}

/* Keep the origin visible in ordinary screenshots without covering controls. */
.design-watermark{position:absolute;right:24px;bottom:104px;z-index:1;pointer-events:none;font-size:10px;font-weight:600;letter-spacing:.16em;color:#315543;opacity:.55;text-shadow:0 1px 3px #fff}
@media(max-width:760px){.design-watermark{right:12px;bottom:88px;font-size:8px;letter-spacing:.1em}}