:root{--ink:#26322d;--muted:#64716a;--sage:#456250;--sage-dark:#304a3a;--sage-pale:#edf3ed;--line:#dce3dc;--stage:#f4f4f0;--white:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--stage)}body{font-size:14px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}button:disabled{opacity:.5;cursor:not-allowed}button,a,input,select,textarea,[role=button]{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible,canvas:focus-visible{outline:3px solid #688b70;outline-offset:3px}button:hover:not(:disabled){background-color:var(--sage-pale)}a{color:inherit}button svg{width:17px;height:17px;flex-shrink:0;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}svg{overflow:visible}input[type=checkbox]{accent-color:var(--sage)}[hidden]{display:none!important}.skip-link{position:fixed;left:12px;top:10px;z-index:100;background:var(--sage);color:#fff;padding:12px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}
.builder{height:100vh;height:100dvh;display:grid;grid-template-rows:80px minmax(0,1fr);overflow:hidden}.app-header{display:flex;align-items:center;gap:28px;background:white;border-bottom:1px solid var(--line);padding:0 26px;z-index:15}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;flex-shrink:0}.brand>svg{width:36px;height:36px;stroke:#456250;fill:none;stroke-width:1.6}.brand>span{font-size:17px;font-weight:750;letter-spacing:1.1px;line-height:1.1}.brand small{font-size:9px;display:block;letter-spacing:3.1px;margin-top:4px;font-weight:500;color:#576e5b}.header-title{padding-left:27px;border-left:1px solid var(--line)}h1{font-size:19px;font-weight:650;letter-spacing:-.4px;line-height:1.25;margin:0}.header-title>span{display:block;font-size:12px;color:var(--muted);margin-top:4px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.save-indicator{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);max-width:118px;margin-right:8px;line-height:1.5}.status-dot{width:6px;height:6px;flex:0 0 6px;background:#628b66;border-radius:50%;display:inline-block}.surface-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:12px;font-weight:550;white-space:nowrap;color:#42574a}.surface-button[aria-pressed=true]{border-color:var(--sage);background:var(--sage-pale)}.workspace{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 456px}.stage{position:relative;min-width:0;min-height:0;isolation:isolate;overflow:hidden;background:var(--stage)}.stage-toolbar{position:absolute;top:18px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:4}.stage-actions{display:flex;gap:7px}.view-switch{display:flex;background:#fff;border:1px solid var(--line);border-radius:7px;padding:3px;flex-shrink:0}.view-switch button{display:flex;gap:7px;align-items:center;border-radius:4px;padding:8px 12px;min-height:34px;font-size:12px;font-weight:600;white-space:nowrap;color:#5b6d60}.view-switch button[aria-pressed=true]{background:var(--sage);color:white}.model-heading{position:absolute;top:89px;left:28px;z-index:3;display:flex;align-items:center;gap:12px;pointer-events:none}.series-badge{border:1px solid #ccd6ca;background:#edf1e8;padding:6px 9px;border-radius:4px;color:#546a52;font-size:10px;font-weight:700;letter-spacing:1.2px}#model-size{font-size:12px;color:var(--muted)}.canvas-wrap{position:absolute;inset:104px 0 230px;min-height:0}.stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.stage canvas:active{cursor:grabbing}.stage-bottom{position:absolute;left:24px;right:24px;bottom:192px;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:5}.camera-views{display:flex;gap:6px}.stage-utilities{display:flex;gap:3px;align-items:center}.icon-button{width:34px;height:38px;display:grid;place-items:center;border-radius:5px;color:#4f6253;background:#fff;border:1px solid var(--line)}.stage-utilities>span{width:1px;height:22px;background:var(--line);margin:0 5px}.stage-overview{position:absolute;left:24px;right:24px;bottom:18px;height:155px;display:flex;gap:24px;align-items:center}.plan-card{width:242px;height:158px;flex:0 0 242px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px 13px;box-shadow:0 2px 8px #20372004}.plan-card-title{display:flex;align-items:center;justify-content:space-between}.plan-card strong{font-size:12px}.plan-preview{width:100%;height:104px}.plan-preview svg{width:100%;height:100%}.plan-card p{font-size:10px;color:var(--muted);margin:0;text-align:center}.model-caption{min-width:0}.caption-line{display:flex;gap:7px;align-items:center;margin-bottom:9px}.caption-line strong{font-size:16px;font-weight:650;letter-spacing:-.35px}.model-caption #design-meta{font-size:12px;color:var(--muted);line-height:1.8;max-width:440px}#viewer-help{font-size:11px;color:#687769;line-height:1.6;margin:12px 0 4px}.export-actions{display:flex;gap:16px}.text-button{font-size:12px;color:var(--sage);padding:6px 0;text-decoration:underline;text-underline-offset:3px}.graphics-message{position:absolute;top:114px;left:20px;right:20px;font-size:12px;line-height:1.6;padding:10px 14px;background:#fffbef;border:1px solid #e9d9af;z-index:9;border-radius:6px}.large-plan{position:absolute;inset:12px 25px 4px;display:grid;place-items:center}.large-plan>svg{max-height:100%;height:100%;width:100%}#dimensions-overlay{position:absolute;inset:0;z-index:2;pointer-events:none}#dimensions-overlay>svg{width:100%;height:100%}#dimensions-overlay text{font-size:12px;paint-order:stroke;stroke:#f4f4f0;stroke-width:5;stroke-linejoin:round;fill:#53634d;font-family:inherit}.plan-bay{cursor:pointer}.plan-bay:hover{opacity:.78}.plan-bay:focus{outline:0}.plan-bay:focus-visible>rect:first-of-type,.plan-bay.is-selected>rect:first-of-type{stroke:#365c3c;stroke-width:.42}
.sidebar{background:var(--white);border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0;position:relative;z-index:10}.sidebar-heading{padding:22px 25px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.sidebar-heading h2{margin:0;font-size:21px;letter-spacing:-.6px;font-weight:650}.sidebar-heading p{font-size:12px;color:var(--muted);margin:6px 0 0}.live-label{font-size:10px;display:flex;align-items:center;gap:5px;white-space:nowrap;color:#587357}.section-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid var(--line);padding:0 20px;background:#fff;flex-shrink:0;gap:3px}.section-nav button{min-height:55px;display:flex;flex-direction:column;gap:4px;justify-content:center;align-items:center;font-size:11px;color:#64716a;border-bottom:3px solid transparent;padding:2px 0 8px;border-radius:4px 4px 0 0}.section-nav b{font-size:10px;width:18px;height:18px;border-radius:50%;background:#f0f2ed;display:grid;place-items:center;font-weight:600}.section-nav button[aria-current=true]{border-bottom-color:var(--sage);color:var(--sage);font-weight:700}.section-nav button[aria-current=true] b{background:var(--sage);color:#fff}.configuration{padding:0 25px 26px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b6c6b6 #f4f6f1;flex:1;min-height:0;scroll-behavior:smooth}.configuration section{padding:24px 0;border-bottom:1px solid var(--line);scroll-margin-top:8px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 15px}.section-head h2{font-size:16px;letter-spacing:-.25px;font-weight:650;margin:0;display:flex;align-items:center;gap:8px}.section-number{font-size:11px;font-weight:600;color:#59775d;background:#edf2eb;border-radius:5px;width:23px;height:23px;display:grid;place-items:center}.section-head .small-tag{font-size:11px;color:var(--muted)}.section-intro{font-size:12px;line-height:1.65;color:var(--muted);margin:-5px 0 16px}.series-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.series-card{border:1px solid var(--line);border-radius:8px;text-align:left;position:relative;overflow:hidden;background:#fff;padding:0}.series-card .series-art{width:100%;height:95px;background:#f2f3ed;padding:5px 17px;display:block}.series-card svg{width:100%;height:100%;stroke-width:1;fill:none}.series-card .card-copy{display:block;padding:11px 12px 12px}.series-card strong{font-size:14px;display:block;margin-bottom:4px}.series-card small{font-size:11px;color:var(--muted);line-height:1.5;display:block}.series-card[aria-pressed=true]{border:2px solid var(--sage);background:#f7faf5}.series-card[aria-pressed=true] .series-art{height:94px}.series-card[aria-pressed=true]:after{content:'✓';position:absolute;top:9px;right:9px;width:18px;height:18px;display:grid;place-items:center;background:var(--sage);color:white;border-radius:50%;font-size:11px}.series-note{font-size:11px;line-height:1.6;color:#657061;margin:12px 0 0}.field-label{display:block;font-size:13px;font-weight:600;margin:18px 0 9px}.field-label small{font-size:11px;font-weight:400;color:var(--muted);margin-left:6px}.field-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0}.field-row:last-child{margin-bottom:0}.field-row>label,.field-row>.field-name{font-size:13px;line-height:1.55;flex:1;font-weight:550}.field-row small{font-size:11px;color:var(--muted);display:block;font-weight:400;margin-top:3px}.number-stepper{display:flex;border:1px solid #bbcbbd;border-radius:6px;height:40px;align-items:center;width:134px;background:#fff;flex-shrink:0}.number-stepper button{width:39px;height:38px;display:grid;place-items:center;color:var(--sage);font-size:21px}.number-stepper output{font-size:16px;font-variant-numeric:tabular-nums;flex:1;text-align:center;font-weight:650}.segmented{display:flex;gap:4px;align-items:stretch;padding:4px;background:#f2f5f0;border:1px solid var(--line);border-radius:6px}.segmented button{flex:1;min-height:38px;border-radius:4px;font-size:12px;padding:8px;color:#506251;line-height:1.35}.segmented button[aria-pressed=true]{background:var(--sage);color:white;font-weight:600}.breezeway-segments{width:172px}.dimension-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.dimension-option{min-height:42px;border:1px solid var(--line);border-radius:5px;font-size:13px;background:#fff}.dimension-option[aria-pressed=true]{border:2px solid var(--sage);background:var(--sage-pale);font-weight:600}.radio-cards{display:grid;grid-template-columns:1fr 1fr;gap:9px}.radio-card{border:1px solid var(--line);border-radius:6px;text-align:left;padding:12px;display:flex;align-items:flex-start;gap:8px;line-height:1.45}.radio-card[aria-pressed=true]{background:var(--sage-pale);border:2px solid var(--sage);padding:11px}.radio-ring{height:14px;width:14px;flex:0 0 14px;border:1px solid #97ac95;border-radius:50%;margin-top:2px;background:#fff}.radio-card[aria-pressed=true] .radio-ring{border:4px solid var(--sage)}.radio-card strong{font-size:12px;font-weight:600;display:block}.radio-card small{font-size:11px;color:var(--muted);display:block;line-height:1.5;margin-top:4px}.micro-copy{font-size:11px;line-height:1.65;color:var(--muted);margin:10px 0 0}.layout-picture{width:40px;height:40px;flex:0 0 40px}.layout-picture svg{width:40px;height:36px;stroke-width:1.2}.select-row{margin-top:18px}select{max-width:100%;width:100%;min-height:42px;padding:10px 30px 10px 11px;border:1px solid #c4d0c3;border-radius:6px;background:#fff;font-size:12px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23617263' viewBox='0 0 16 16'%3E%3Cpath d='m5 6 3 3 3-3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;text-overflow:ellipsis;white-space:nowrap}.kit-select-row{margin-top:18px}.kit-select-row label{font-size:12px;margin-top:0}.quick-starts{display:flex;gap:6px;flex-wrap:wrap}.quick-starts button{font-size:12px;border:1px solid var(--line);border-radius:5px;padding:9px 11px;min-height:38px}.quick-starts button[aria-pressed=true]{border-color:var(--sage);background:var(--sage-pale);font-weight:600}.switch-row{display:flex;align-items:flex-start;gap:10px;margin:16px 0 0;font-size:12px;line-height:1.6}.switch-row input{width:18px;height:18px;margin:1px 0 0;flex-shrink:0}.switch-row span{flex:1}.switch-row small{display:block;margin:3px 0 0;font-size:11px;font-weight:400;color:var(--muted)}.panel-segments{margin-bottom:12px}.finish-options{display:flex;gap:8px;margin-top:10px}.finish-option{flex:1;min-height:43px;border:1px solid var(--line);border-radius:5px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px}.finish-option[aria-pressed=true]{border-color:var(--sage);background:var(--sage-pale);font-weight:600}.finish-chip{width:20px;height:20px;border-radius:3px;border:1px solid #0002;background:#656a66}.finish-chip.dg{background:#303537}.color-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:20px 0 11px;font-size:13px;font-weight:600}.color-heading span+span{font-size:11px;color:var(--muted);font-weight:400}.swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.swatch{min-width:0;display:flex;flex-direction:column;gap:6px;text-align:center;align-items:center;padding:7px 3px;border:1px solid var(--line);border-radius:5px;background:#fff;min-height:60px}.swatch>span{display:block;border-radius:4px;width:100%;max-width:54px;height:24px;border:1px solid #0002;position:relative}.swatch small{font-size:10px;white-space:nowrap}.swatch[aria-pressed=true]{border:2px solid var(--sage);padding:6px 2px;background:var(--sage-pale)}.swatch[aria-pressed=true]>span:after{content:'✓';color:white;text-shadow:0 1px 2px #000,1px 0 2px #000;position:absolute;inset:0;display:grid;place-items:center;font-size:17px}.wood-swatches{grid-template-columns:repeat(3,1fr)}.notice{border-left:3px solid #8f9f78;background:#f5f6ef;padding:10px 12px;font-size:11px;color:#59634e;line-height:1.6;margin-top:14px}.room-list{display:grid;gap:8px}.room-row{display:grid;grid-template-columns:86px 1fr;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:6px}.room-row.is-selected{background:#f2f6ed;border-color:#647f55}.room-label{font-size:12px;font-weight:650;display:flex;align-items:center;gap:5px;text-decoration:underline;text-underline-offset:3px}.room-row select{min-height:38px;font-size:12px}.bay-editor{padding:12px;background:#edf4e9;border:1px solid #b5c8a7;border-radius:7px;margin:14px 0}.bay-editor .section-head h2{font-size:13px}.bay-editor p{font-size:11px;line-height:1.65;color:#546b4a;margin:10px 0 0}.bay-editor .close-bay{width:27px;height:27px;font-size:20px}.bay-editor .section-head{margin-bottom:8px}.configuration-actions{display:flex;justify-content:space-between;gap:14px;margin-top:16px}.quote-footer{border-top:1px solid var(--line);background:white;padding:12px 25px 13px;flex-shrink:0}.quote-caption{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:7px;color:var(--muted);gap:12px}.quote-caption .text-button{padding:2px 0;font-size:11px}.primary-button{background:var(--sage);color:#fff!important;min-height:47px;border-radius:6px;padding:12px 16px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:650;font-size:14px;width:100%;border:1px solid var(--sage)}.primary-button:hover:not(:disabled){background:var(--sage-dark)}.primary-button span{margin-left:auto}.quote-footer p{font-size:10px;color:var(--muted);margin:7px 0 0;text-align:center}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);width:max-content;max-width:min(530px,90vw);padding:13px 17px;background:#293f2d;color:#fff;font-size:13px;line-height:1.5;z-index:100;border-radius:7px;box-shadow:0 5px 30px #0002;pointer-events:none}

dialog{border:1px solid #e3e8db;border-radius:12px;padding:0;width:min(590px,calc(100vw - 32px));max-height:calc(100dvh - 48px);color:var(--ink);box-shadow:0 22px 100px #14271025}dialog::backdrop{background:#29322955;backdrop-filter:blur(3px)}.dialog-inner{padding:29px 30px 30px}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:13px}.dialog-head h2{font-size:23px;letter-spacing:-.6px;font-weight:550;margin:0}.dialog-head button{font-size:24px;font-weight:300;color:#87937a;line-height:1}.dialog-description{color:#8b967f;font-size:12px;line-height:1.7;margin:0 0 23px}.dialog-controls{display:flex;flex-direction:column;gap:10px}.secondary-button{min-height:40px;border:1px solid #dfe6d6;border-radius:5px;padding:10px 14px;background:#fff;display:flex;align-items:center;justify-content:center;gap:8px;color:#607651;font-size:11px}.secondary-button svg{width:15px}.dialog-actions{display:flex;gap:10px;margin-top:20px}.dialog-actions>*{flex:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 13px}.form-grid .full{grid-column:1/-1}.form-field label{font-size:10px;display:block;margin-bottom:7px;color:#758366}.form-field input,.form-field textarea,.share-input{border:1px solid #dfe5d5;border-radius:5px;padding:11px 12px;width:100%;background:#fdfefb;outline-offset:0;font-size:12px;min-height:39px}.form-field textarea{resize:vertical;min-height:78px}.form-field input::placeholder,.form-field textarea::placeholder{color:#b0b8a7}.consent{display:flex;gap:9px;align-items:flex-start;font-size:10px;line-height:1.7;color:#8f9a82;margin:18px 0}.consent input{margin-top:4px;accent-color:var(--sage)}.consent a{text-decoration:underline}.form-status{font-size:11px;line-height:1.6;padding:12px;border:1px solid #dce5d2;background:#f2f6eb;border-radius:5px;margin-top:13px}.form-status.error{background:#fff6ef;border-color:#efd7c2;color:#956442}.form-note{font-size:10px;line-height:1.65;color:#8c987e;margin:16px 0 0}.share-row{display:flex;gap:8px}.share-row input{font-size:11px;color:#859376;min-width:0}.share-row button{flex-shrink:0}.share-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:19px}.share-options button{justify-content:flex-start;padding:14px}.summary-top{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:22px;border:1px solid #e7ebdf;background:#fafcf6;border-radius:6px;padding:12px}.summary-top svg{width:100%;height:170px}.summary-top h3{font-size:15px;font-weight:550;line-height:1.5;margin:0 0 10px}.summary-top p{font-size:11px;color:#929e83;line-height:1.7;margin:0}.summary-table{margin:18px 0 0}.summary-table>div{display:grid;grid-template-columns:145px 1fr;gap:15px;border-bottom:1px solid #edf0e7;padding:9px 0;font-size:11px;line-height:1.6}.summary-table dt{color:#98a28b}.summary-table dd{margin:0;color:#5f7252}.summary-notes{font-size:10px;line-height:1.7;color:#99a58b;margin-top:16px}.help-grid{display:grid;gap:20px}.help-grid h3{font-size:12px;margin:0 0 6px}.help-grid p{font-size:11px;color:#8d9b7e;line-height:1.7;margin:0}.noscript{padding:30px;position:fixed;z-index:200;background:white;top:0;margin:0;width:100%}#print-root{display:none}

@media print{body{height:auto;background:white}.builder,dialog,.toast,.skip-link,.noscript{display:none!important}#print-root{display:block;color:#222;font-family:Arial,sans-serif;padding:20px}#print-root h1{font-size:24px}#print-root .print-visual{display:flex;gap:20px;align-items:center;margin:20px 0}#print-root .print-visual img,#print-root .print-visual svg{width:48%;max-height:270px;object-fit:contain}#print-root table{width:100%;border-collapse:collapse;font-size:11px}#print-root td{padding:7px 0;border-bottom:1px solid #ddd;vertical-align:top;line-height:1.5}#print-root td:first-child{width:32%;color:#666}#print-root p{font-size:10px;line-height:1.7;color:#666}#print-root a{word-break:break-all}#print-root tr{break-inside:avoid}}/* Dialogs retain the existing workflow, with readable type and usable touch targets. */
dialog{width:min(660px,calc(100vw - 28px))}.dialog-head button{min-width:40px;min-height:40px}.dialog-description,.form-note,.summary-notes,.help-grid p,.summary-top p{font-size:12px;color:var(--muted)}.form-field label,.consent,.summary-table>div,.help-grid h3{font-size:13px}.form-field input,.form-field textarea,.share-input{font-size:14px;min-height:44px}.form-field label,.summary-table dt,.consent{color:#5a6c5c}.summary-table dd{color:var(--ink)}.secondary-button{font-size:12px;min-height:44px;color:var(--sage)}.form-status{font-size:13px}.summary-top h3{color:var(--ink)}.share-row input{font-size:12px}.help-grid p{line-height:1.7}
@media(min-width:1700px){.workspace{grid-template-columns:minmax(0,1fr) 480px}.configuration{padding-left:30px;padding-right:30px}.stage-overview{height:180px}.plan-card{width:270px;flex-basis:270px;height:174px}.plan-preview{height:121px}.stage-bottom{bottom:216px}.canvas-wrap{bottom:265px}.model-caption{padding-left:10px}}
@media(max-width:1230px) and (min-width:801px){.workspace{grid-template-columns:minmax(0,1fr) 404px}.app-header{padding:0 20px;gap:20px}.header-title{padding-left:20px}.save-indicator{max-width:95px;font-size:10px}.stage-toolbar{flex-wrap:wrap;top:14px;gap:8px}.stage-actions{width:100%}.model-heading{top:117px}.canvas-wrap{top:143px;bottom:230px}.stage-bottom{flex-wrap:wrap;bottom:184px;gap:7px}.stage-overview{gap:16px;left:20px;right:20px}.plan-card{width:185px;flex-basis:185px}.caption-line strong{font-size:14px}.model-caption #design-meta{font-size:11px}.export-actions{gap:10px;flex-wrap:wrap}.export-actions .text-button{font-size:11px}.sidebar-heading{padding-left:21px;padding-right:21px}.configuration{padding-left:21px;padding-right:21px}.header-title>span{font-size:11px}}
@media(max-width:800px){
 .builder{grid-template-rows:92px minmax(0,1fr)}.app-header{padding:9px 16px;display:grid;grid-template-columns:auto 1fr;gap:7px 12px;align-content:center}.brand>svg{width:29px;height:29px}.brand>span{font-size:13px}.brand small{font-size:7px;letter-spacing:2.7px}.header-title{border:0;padding:0;text-align:right}h1{font-size:15px}.header-title>span{font-size:10px}.header-actions{grid-column:1/-1;width:100%;justify-content:flex-end;gap:6px}.header-actions>.surface-button{min-height:30px;font-size:11px;padding:5px 9px}.save-indicator{margin-right:auto;margin-left:0;max-width:120px;font-size:9px}.workspace{display:grid;grid-template-columns:1fr;grid-template-rows:clamp(225px,35dvh,335px) minmax(0,1fr)}
 .stage{border-bottom:1px solid var(--line)}.stage-toolbar{top:9px;left:13px;right:13px;gap:5px;flex-wrap:wrap}.view-switch{padding:2px}.view-switch button{font-size:11px;min-height:28px;padding:5px 9px;gap:5px}.view-switch button svg{width:13px;height:13px}.stage-actions{gap:5px}.stage-actions .surface-button{font-size:10px;min-height:33px;padding:5px 7px;gap:4px}.stage-actions svg{width:12px;height:12px}.stage-actions #dimension-toggle{font-size:10px}.model-heading{top:89px;left:16px;gap:7px}.series-badge{font-size:8px;padding:4px 6px}#model-size{font-size:10px}.canvas-wrap{inset:79px 0 37px}.model-heading{top:74px;pointer-events:none;opacity:.9}.stage-bottom{left:12px;right:12px;bottom:6px;gap:5px}.camera-views{gap:4px}.camera-views .surface-button{font-size:10px;min-height:29px;padding:5px 7px}.stage-utilities{gap:2px}.stage-utilities .icon-button{width:27px;height:29px}.stage-utilities svg{width:13px;height:13px}.stage-utilities>span{margin:0 2px;height:16px}.stage-utilities .surface-button{font-size:9px;min-height:29px;padding:4px 6px}.stage-overview{display:none}.large-plan{inset:7px 20px}.graphics-message{top:70px;font-size:10px;left:12px;right:12px;padding:6px 9px}
 .sidebar{border-left:0}.sidebar-heading{padding:11px 18px 7px}.sidebar-heading h2{font-size:16px}.sidebar-heading p{font-size:10px;margin-top:3px}.live-label{font-size:9px}.section-nav{padding:0 13px}.section-nav button{min-height:44px;font-size:10px;gap:3px;padding-bottom:5px;flex-direction:row}.section-nav b{width:17px;height:17px;font-size:9px}.configuration{padding:0 18px 23px}.configuration section{padding:19px 0}.section-head h2{font-size:15px}.section-head{margin-bottom:13px}.series-card .series-art{height:84px}.series-card[aria-pressed=true] .series-art{height:83px}.series-card strong{font-size:13px}.series-card small{font-size:11px}.series-card .card-copy{padding:9px 11px}.quote-footer{padding:8px 18px max(8px,env(safe-area-inset-bottom))}.quote-caption{font-size:11px;margin-bottom:5px}.quote-footer .primary-button{min-height:41px;padding:9px 12px;font-size:13px}.quote-footer p{font-size:9px;margin-top:5px}.toast{bottom:100px;font-size:12px}.dialog-inner{padding:22px 20px}.dialog-head h2{font-size:22px}.dialog-actions{flex-wrap:wrap}.dialog-actions>*{flex-basis:100%}
}
@media(min-width:501px) and (max-width:800px){.stage-toolbar{flex-wrap:nowrap}.model-heading{top:57px}.canvas-wrap{top:66px}.workspace{grid-template-rows:35dvh minmax(0,1fr)}.configuration .series-grid{max-width:500px}.configuration .swatches{grid-template-columns:repeat(8,minmax(0,1fr))}.configuration .wood-swatches{grid-template-columns:repeat(3,1fr)}}
@media(max-width:380px){.app-header{padding-left:12px;padding-right:12px}.header-title h1{font-size:13px}.header-title>span{font-size:9px}.stage-toolbar{left:10px;right:10px}.stage-actions .surface-button{font-size:10px;padding:5px 7px}.camera-views .surface-button{font-size:9px;padding:5px}.stage-utilities .icon-button{width:25px}.stage-utilities .surface-button{font-size:8px;padding:4px}.stage-bottom{left:8px;right:8px}.section-nav{padding:0 8px;gap:0}.section-nav button{font-size:10px;gap:3px}.configuration{padding-left:16px;padding-right:16px}.sidebar-heading{padding-left:16px;padding-right:16px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.summary-top{grid-template-columns:1fr}.summary-table>div{grid-template-columns:108px 1fr}.swatch small{font-size:9px}.room-row{grid-template-columns:68px 1fr}.breezeway-segments{width:153px}.field-row{gap:9px}.field-row>.field-name{font-size:12px}.series-card strong{font-size:12px}.series-card small{font-size:10px}}
@media(max-height:680px) and (min-width:801px){.builder{grid-template-rows:64px minmax(0,1fr)}.sidebar-heading{padding-top:13px;padding-bottom:10px}.canvas-wrap{bottom:170px}.stage-overview{height:105px;bottom:12px}.plan-card{height:108px}.plan-preview{height:63px}.plan-card p{font-size:8px}.stage-bottom{bottom:132px}.model-caption #viewer-help{margin:5px 0}.caption-line{margin-bottom:3px}.quote-footer{padding-top:9px;padding-bottom:9px}}
@media(max-height:670px) and (max-width:800px){.workspace{grid-template-rows:195px minmax(0,1fr)}.sidebar-heading{padding-top:7px;padding-bottom:4px}.sidebar-heading p{font-size:9px}.section-nav button{min-height:37px}.quote-footer p{font-size:9px}.quote-footer .primary-button{min-height:37px}.model-heading{top:72px}.series-badge{padding:3px 5px}.canvas-wrap{top:77px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

@media(max-width:800px){.model-heading{top:auto;bottom:43px;left:14px}.canvas-wrap{bottom:52px}.camera-views .surface-button:focus-visible{outline-offset:1px}}
/* Short phones use normal page scrolling instead of a 100 px control viewport. */
@media(max-height:670px) and (max-width:800px){
 html,body{height:auto;min-height:100%}.builder{height:auto;min-height:100dvh;overflow:visible;grid-template-rows:92px auto}.workspace{grid-template-rows:265px auto}.sidebar{min-height:440px;padding-bottom:96px}.configuration{overflow:visible;min-height:200px;flex:none}.section-nav{position:sticky;top:0;z-index:25;box-shadow:0 2px 4px #283d2310}.configuration section{scroll-margin-top:49px}.quote-footer{position:fixed;bottom:0;left:0;right:0;z-index:40;box-shadow:0 -3px 12px #27352310}.canvas-wrap{top:77px;bottom:52px}.model-heading{top:auto;bottom:43px}
}

/* v3: direct configuration; labels without explanatory subtext. */
.header-title{gap:0}.configuration section{padding-top:20px;padding-bottom:22px}
.series-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.series-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 6px;min-height:110px;text-align:center;gap:8px}
.series-card .series-art{width:100%;height:56px;display:flex;justify-content:center;align-items:center}
.series-card .series-art svg{width:100%;height:56px}.series-card>strong{font-size:12px;line-height:1.4;font-weight:600}
.radio-card{gap:8px}.radio-card>strong{font-size:12px;font-weight:550}.coverage-options .radio-card{padding:13px 9px}
.exterior-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.exterior-card{border:1px solid var(--line,#dedfd8);background:#fff;border-radius:8px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}
.exterior-card svg{width:100%;height:55px}.exterior-card strong{font-size:12px;font-weight:550}
.exterior-card[aria-pressed="true"]{border-color:#58705a;background:#f1f5ed;box-shadow:inset 0 0 0 1px #58705a}
.spec-row{display:flex;justify-content:space-between;gap:15px;font-size:12px;padding:12px 0;border-bottom:1px solid var(--line,#dedfd8)}.spec-row strong{font-weight:550}
.section-nav{grid-template-columns:repeat(6,minmax(0,1fr))}.section-nav button{font-size:10px;padding-left:2px;padding-right:2px}
.stage-actions{gap:5px}.stage-actions .surface-button{padding-left:10px;padding-right:10px;font-size:11px}
.quote-footer{padding-bottom:17px}.sidebar-heading{padding-top:18px;padding-bottom:18px}
@media(max-width:1120px){.stage-toolbar{flex-wrap:wrap}.stage-actions{flex-wrap:wrap}.model-heading{top:104px}}
@media(max-width:700px){.model-heading{top:108px}.series-card{min-height:106px}.stage-actions .surface-button{padding:7px 8px}.stage-toolbar{gap:6px}.configuration section{padding-top:20px;padding-bottom:22px}}
@media(max-width:360px){.series-card>strong{font-size:11px}.stage-actions .surface-button{font-size:10px;padding:6px}.stage-actions svg{width:12px}.section-nav button{font-size:9px}}

.series-card .series-art,.series-card[aria-pressed="true"] .series-art{height:56px;padding:4px 8px;flex:0 0 56px}
.series-card{height:118px;min-height:118px}.series-card>strong{margin:0;font-size:12px}
.series-card[aria-pressed="true"]{padding:11px 5px}
@media(min-width:801px) and (max-width:1230px){.model-heading{top:113px;bottom:auto}}
@media(max-width:800px){.model-heading{top:auto;bottom:39px;left:14px;height:22px;align-items:center}.canvas-wrap{top:88px;bottom:57px}.sidebar-heading{padding-top:12px;padding-bottom:12px}}
@media(min-width:501px) and (max-width:800px){.canvas-wrap{top:81px}}
@media(max-height:670px) and (max-width:800px){.canvas-wrap{top:85px;bottom:57px}}

/* Front selection is visible, illustrated and keyboard accessible. */
.front-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0 18px}
.front-style-card{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:11px 10px 10px;border:1px solid #d9ded3;border-radius:8px;background:#fff;color:#58674e;cursor:pointer;font:inherit}
.front-style-card svg{width:100%;height:68px}.front-style-card strong{font-size:12px;font-weight:600}
.front-style-card[aria-pressed="true"]{border-color:#6d8058;background:#f0f4e9;box-shadow:inset 0 0 0 1px #6d8058}
.front-style-card:hover{border-color:#6d8058}.front-style-card:focus-visible{outline:2px solid #526344;outline-offset:3px}

/* Tack-room movement stays alongside its bay selector, not in a hidden panel. */
.room-row:has(.tack-rack-control){flex-wrap:wrap;}
.tack-rack-control{flex:0 0 100%;grid-column:1/-1;display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:10px 0 3px;border-top:1px solid #deded4;margin-top:7px;min-width:0;}
.tack-rack-control label{font-size:12px;font-weight:600;}
.tack-rack-control output{font-size:12px;font-variant-numeric:tabular-nums;color:#64715f;min-width:28px;text-align:right;}
.tack-rack-control button{border:1px solid #bcc7b4;border-radius:6px;padding:8px 10px;background:#f6f8f2;color:#364b31;font-size:12px;min-height:36px;cursor:pointer;}
.tack-rack-control button[aria-pressed=true]{background:#e4ecd9;}
.tack-rack-control input{grid-column:1/-1;width:100%;min-width:0;height:24px;accent-color:#526c45;cursor:pointer;}
.tack-rack-control input:focus-visible,.tack-rack-control button:focus-visible{outline:2px solid #526c45;outline-offset:3px;}

/* v6: always-visible selected-bay editor and physical room dimensions. */
.bay-editor{border:1px solid #b7c7b9;border-radius:8px;padding:14px;margin:16px 0;background:#fafcf9}
.bay-editor .section-head{margin-bottom:10px}.bay-door-button{min-height:36px!important;padding:6px 10px!important}
.room-dimensions{margin:12px 0 0;display:grid;gap:8px}.room-dimensions>div{display:flex;justify-content:space-between;gap:12px}.room-dimensions dt{color:var(--muted);font-size:12px}.room-dimensions dd{margin:0;font-size:13px;font-weight:600}
.room-row-dimensions{grid-column:1/-1;display:flex;justify-content:space-between;font-size:12px;gap:8px;padding:3px 0 5px;color:#526456}
.apply-all{width:100%;margin:12px 0 2px}.partition-control{margin:10px 0}.partition-control>span{display:block;font-size:12px;margin:0 0 6px}.partition-control>strong{font-size:12px}.partition-control .segmented{width:100%}.partition-control .segmented button{white-space:normal;min-height:37px}
.partition-bulk{display:flex;gap:8px;justify-content:space-between}.partition-bulk button{font-size:11px;min-height:36px}.feeder-positions{display:grid!important;grid-template-columns:1fr 1fr}.feeder-positions button{white-space:normal}.bay-editor .front-style-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:400px){.bay-editor{padding:10px}.partition-bulk{flex-wrap:wrap}.bay-editor .front-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.fixed-partition{display:block;font-size:11px;font-weight:500;line-height:1.5;color:#66705f;margin:3px 0}

.bay-editor{scroll-margin-top:58px}