.builder-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;padding-top:32px;padding-bottom:36px}.builder-back{font-size:11px;color:var(--muted);display:inline-block;margin-bottom:25px}.builder-intro .eyebrow{margin-bottom:14px}.builder-intro h1{font-size:clamp(40px,4.7vw,68px);letter-spacing:-.055em;line-height:1.04;margin:0}.builder-intro h1 em{font-style:normal;color:var(--orange)}.builder-intro>p{max-width:345px;font-size:14px;line-height:1.8;color:var(--muted);padding-bottom:5px}.builder{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr);gap:24px;align-items:start;padding-bottom:50px}.builder-workspace{min-width:0;position:sticky;top:102px}.builder-stage{background:#eef0ed;border:1px solid #dce0d9;border-radius:12px;position:relative;overflow:hidden;min-height:535px}.stage-heading{position:absolute;top:24px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;gap:10px;z-index:2;pointer-events:none}.builder-label{font-size:8px;letter-spacing:.15em;color:#727b75}.stage-heading h2{font-size:16px;letter-spacing:-.025em;margin:4px 0 0}.size-badge{font-size:10px;border:1px solid #cdd3cb;padding:6px 9px;border-radius:5px;color:#4c5850;background:#ffffff70}.view-controls{position:absolute;top:90px;left:25px;z-index:3;display:flex;background:#ffffffd9;border:1px solid #d9ded7;border-radius:6px;padding:3px;gap:3px}.view-controls button{font:inherit;font-size:10px;padding:7px 11px;background:transparent;border:0;border-radius:4px;color:#637066;cursor:pointer}.view-controls button[aria-pressed=true]{background:#273a32;color:#fff}.builder-canvas{width:100%;height:530px;position:relative}.builder-canvas canvas{display:block;width:100%;height:100%;touch-action:none}.builder-canvas>p{position:absolute;inset:45% 15% auto;text-align:center;font-size:13px;color:#637066}.view-caption{position:absolute;bottom:107px;left:25px;font-size:9px;color:#6d786f;margin:0;pointer-events:none}.stage-tools{display:flex;align-items:center;justify-content:space-between;position:absolute;bottom:75px;left:25px;right:25px;font-size:10px;color:#4e5f52;gap:12px}.stage-tools label{display:flex;gap:7px;align-items:center}.stage-tools input{accent-color:#d75d27;margin:0}.stage-tools button{font:inherit;background:transparent;border:0;color:#354e3c;cursor:pointer;padding:4px}.dimension-strip{position:absolute;bottom:29px;left:25px;right:25px;display:flex;gap:28px;padding-top:12px;border-top:1px solid #cfd6cd;pointer-events:none}.dimension-strip span{font-size:7px;letter-spacing:.08em;color:#798279}.dimension-strip b{display:block;font-size:12px;letter-spacing:0;margin-top:4px;font-weight:600;color:#34483a}.dimension-strip[hidden]{display:none}.viewer-help{position:absolute;bottom:9px;right:25px;font-size:8px;color:#828a83;margin:0;pointer-events:none}.viewer-help span{padding:0 4px}.builder-project-strip{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;color:#778177;padding:12px 0}.builder-project-strip>div{display:flex;gap:7px;align-items:center}.project-dot{width:5px;height:5px;background:#598260;border-radius:50%}.builder-project-strip button{font:inherit;border:0;background:transparent;text-decoration:underline;cursor:pointer;color:#687269}.builder-downloads{display:flex;gap:9px;flex-wrap:wrap}.builder-downloads button{font:inherit;font-size:10px;border:1px solid #d6ddd3;background:transparent;color:#4c5c4f;border-radius:5px;padding:9px 12px;cursor:pointer}.builder-downloads button:hover{background:#ecefe9}.builder-note{display:flex;align-items:start;gap:10px;color:#7b837b;margin-top:18px}.builder-note>span{display:grid;place-items:center;border:1px solid #bbc3b9;border-radius:50%;font-size:9px;min-width:15px;height:15px;margin-top:2px}.builder-note p{font-size:10px;line-height:1.7;margin:0;max-width:600px}.builder-options{background:#fff;border:1px solid #dce1d8;border-radius:12px;overflow:hidden;min-width:0}.options-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 22px 19px;border-bottom:1px solid #e6e9e2}.options-heading h2{font-size:17px;letter-spacing:-.03em;margin:0}.options-heading>span{font-size:9px;color:#92998f}.builder-section{border-bottom:1px solid #e6e9e2}.builder-section summary{display:flex;align-items:center;gap:11px;cursor:pointer;padding:18px 22px;font-size:12px;font-weight:600;list-style:none}.builder-section summary::-webkit-details-marker{display:none}.section-index{font-size:9px;font-weight:400;color:#a0a69c}.section-expand{margin-left:auto;color:#899581;font-size:18px;font-weight:400;transition:transform .2s}.builder-section[open] .section-expand{transform:rotate(45deg)}.builder-section-body{padding:0 22px 20px}.builder-field{display:flex;flex-direction:column;gap:8px;font-size:10px;color:#52614f;margin:0 0 16px}.builder-field select,.builder-field input[type=number]{width:100%;box-sizing:border-box;min-width:0;font:inherit;font-size:12px;color:#25372a;border:1px solid #d9dfd4;border-radius:5px;background:#fafbf8;padding:10px 11px}.builder-field input[type=range]{width:100%;accent-color:#de652c;margin:3px 0}.size-choices{display:flex;gap:8px}.size-choices button{font:inherit;font-size:12px;border:1px solid #d9dfd4;background:#fafbf8;border-radius:5px;flex:1;padding:10px;cursor:pointer;color:#52614f}.size-choices button[aria-pressed=true]{border-color:#df692f;background:#fff4ec;color:#a74a21;box-shadow:inset 0 0 0 1px #df692f}.field-help{font-size:10px;line-height:1.65;color:#90988a;margin:0}.opening-actions{display:flex;gap:8px;margin-bottom:13px}.opening-actions button{font:inherit;font-size:11px;background:#f4f6f0;border:1px solid #dce2d6;border-radius:5px;padding:9px 13px;cursor:pointer;flex:1;color:#455c43}.opening-list{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:13px}.opening-list>button{font:inherit;font-size:10px;border:1px solid #dde3d7;border-radius:4px;background:#fff;cursor:pointer;padding:7px 9px;color:#77806c}.opening-list>button[aria-pressed=true]{background:#edf2e9;color:#2e4b2c;border-color:#6d8563}.opening-editor{border:1px solid #e3e8de;background:#f8faf5;border-radius:6px;padding:13px;margin-bottom:13px}.opening-editor-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.opening-editor-heading strong{font-size:11px}.opening-editor-heading button{font:inherit;background:transparent;border:0;color:#a16d59;font-size:10px;text-decoration:underline;cursor:pointer}.opening-editor .builder-field{margin-bottom:12px}.opening-measures{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-value{display:flex;justify-content:space-between;align-items:center;gap:6px}.field-value output{color:#3e5739;font-weight:600;font-size:11px}.color-swatches,.interior-swatches{display:flex;gap:8px;flex-wrap:wrap}.color-swatches button,.interior-swatches button{width:29px;height:29px;border-radius:50%;border:3px solid white;outline:1px solid #dce0d5;cursor:pointer;background:var(--swatch)}.color-swatches button[aria-pressed=true],.interior-swatches button[aria-pressed=true]{outline:2px solid #d56833;box-shadow:inset 0 0 0 1px #ffffff80}.builder-check{display:flex;align-items:start;gap:10px;font-size:12px;color:#43583d;margin-bottom:17px;cursor:pointer}.builder-check input{accent-color:#d66b32;margin:3px 0 0}.builder-check small{display:block;font-size:10px;color:#939d8b;margin-top:4px;line-height:1.5}.builder-estimate{padding:22px;background:#f5f7f1}.builder-estimate>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.builder-estimate>div>span{font-size:8px;color:#84917a;letter-spacing:.06em}.builder-estimate strong{font-size:20px;letter-spacing:-.04em}.builder-estimate p{font-size:11px;color:#8b9484;line-height:1.6;margin:12px 0 17px}.builder-estimate .button{width:100%;justify-content:space-between;font-size:12px;min-height:46px}.builder-process{padding-bottom:65px;padding-top:30px;border-top:1px solid #dce1d7}.builder-process>div{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.builder-process article>span{font-size:10px;color:#d36632}.builder-process h3{font-size:22px;margin:15px 0 10px;letter-spacing:-.035em}.builder-process article>p{font-size:12px;color:#8a9382;max-width:285px;line-height:1.8}.builder-summary{font-size:12px;line-height:1.8;background:#f0f3eb;padding:17px;margin:20px 0;max-height:250px;overflow:auto;border-radius:5px;white-space:pre-line}.builder-quote-dialog .form-grid{margin-bottom:18px}.builder-quote-dialog .button{margin-top:15px;width:100%;justify-content:space-between}.builder-toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:#213729;color:#fff;padding:13px 20px;border-radius:7px;font-size:12px;z-index:99;box-shadow:0 8px 25px #0002;max-width:calc(100% - 35px);width:max-content}.builder-toast[hidden]{display:none}.builder-fallback{position:absolute;inset:190px 30px auto;text-align:center}.builder-fallback[hidden]{display:none}.builder-fallback h3{font-size:17px}.builder-fallback p{font-size:12px;color:#6c7967}.builder button:focus-visible,.builder a:focus-visible{outline:2px solid #d96a32;outline-offset:4px}@media(min-width:1450px){.builder-canvas{height:620px}.builder-stage{min-height:620px}}@media(max-width:1050px){.builder{grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr);gap:17px}.stage-heading{left:18px;right:18px}.stage-heading h2{font-size:14px}.size-badge{font-size:8px}.dimension-strip{gap:18px}.options-heading,.builder-section summary{padding-inline:17px}.builder-section-body{padding-inline:17px}.builder-estimate{padding:17px}.builder-intro>p{max-width:280px}}@media(max-width:760px){.builder-intro{padding-top:20px;padding-bottom:24px;gap:20px;align-items:start;flex-direction:column}.builder-back{margin-bottom:20px}.builder-intro h1{font-size:46px}.builder-intro h1 br{display:none}.builder-intro>p{max-width:440px;margin:0;font-size:12px}.builder-intro .eyebrow{font-size:8px}.builder{grid-template-columns:1fr;gap:20px}.builder-workspace{position:relative;top:auto}.builder-stage{min-height:400px}.builder-canvas{height:420px}.stage-heading{top:18px;left:16px;right:16px}.stage-heading h2{font-size:14px}.view-controls{top:75px;left:16px}.stage-tools,.dimension-strip{left:16px;right:16px}.view-caption{left:16px;font-size:8px}.viewer-help{right:16px;font-size:7px}.builder-downloads button{font-size:10px;padding:8px 10px}.builder-note{margin-top:13px}.builder-process{padding-top:25px}.builder-process>div{grid-template-columns:1fr;gap:18px}.builder-process article{display:grid;grid-template-columns:28px 1fr;column-gap:10px}.builder-process article>span{padding-top:5px;grid-row:span 2}.builder-process h3{margin:0 0 5px;font-size:21px}.builder-process article>p{margin:0;max-width:400px}.options-heading h2{font-size:18px}.builder-section summary{font-size:13px;padding-block:18px}.builder-field{font-size:11px}.builder-field select,.builder-field input[type=number]{font-size:16px}.opening-editor .builder-field select,.opening-editor .builder-field input{font-size:14px}.builder-quote-dialog .form-grid input,.builder-quote-dialog .form-grid textarea{font-size:16px}}@media(prefers-reduced-motion:reduce){.builder *{scroll-behavior:auto;transition:none!important}}.fixed-opening-badge{font-size:9px;color:#4f6d40;background:#e8f0e1;padding:4px 7px;border-radius:4px;white-space:nowrap}.fixed-door-preview{font:inherit;font-size:11px;cursor:pointer;background:#edf2e7;color:#425d39;border:1px solid #cdd9c3;border-radius:5px;padding:9px 12px;margin-top:12px}.opening-actions[hidden]{display:none!important}.builder-floor-reference{margin:0 0 20px;padding:12px;border:1px solid #dfe5d8;border-radius:6px;background:#f8faf5}.builder-floor-reference>strong{display:block;font-size:12px;font-weight:600;margin:6px 0 10px}.builder-floor-reference>a{display:block}.builder-floor-reference>a[hidden]{display:none}.builder-floor-reference img{display:block;width:100%;height:190px;object-fit:cover;object-position:center bottom;border-radius:4px}.builder-floor-reference .field-help{margin-top:9px}.builder-floor-reference .field-help a{color:#bd6436}.floor-quick{border:1px solid #d4ddcd;border-radius:7px;margin:4px 0 14px;padding:12px 14px;background:#f6f8f1}.floor-quick legend{font-size:11px;font-weight:600;padding:0 5px;color:#42583b}.floor-quick>div{display:flex;gap:7px;flex-wrap:wrap}.floor-quick button{font:inherit;font-size:11px;padding:9px 12px;border:1px solid #d4ddcd;border-radius:4px;background:#fff;cursor:pointer;color:#546b4a}.floor-quick button[aria-pressed=true]{background:#2e4c31;color:#fff;border-color:#2e4c31}.floor-quick p{font-size:10px;color:#829075;line-height:1.6;margin:9px 0 0}.builder.container{width:min(1600px,calc(100% - 48px));grid-template-columns:minmax(0,1.9fr) minmax(320px,.9fr)}.builder-canvas{height:clamp(580px,70vh,800px)}.builder-stage{min-height:580px}.builder-workspace{top:110px}.builder-fullscreen{position:absolute;right:24px;top:90px;z-index:5;min-height:39px;padding:9px 13px;border:1px solid #c2cfbc;border-radius:6px;background:#fff;color:#253c2b;font:inherit;font-size:11px;font-weight:600;cursor:pointer}.floor-selection-feedback{font-size:11px;line-height:1.6;color:#5c7053;margin:3px 0 14px}.builder-floor-gallery{grid-column:1/-1;min-width:0;border-top:1px solid #dce1d8;margin-top:12px}.builder-stage.viewer-expanded{position:fixed;inset:0;z-index:250;width:100vw;height:100dvh;min-height:0;max-height:none;border:0;border-radius:0;background:#eef0ed}.builder-stage.viewer-expanded .builder-canvas{height:100%;width:100%}.builder-stage:fullscreen{width:100%;height:100%;border:0;border-radius:0}.builder-stage:fullscreen .builder-canvas{height:100%}body.viewer-expanded{overflow:hidden}.builder-stage.viewer-expanded .builder-fullscreen{top:24px;right:24px}.builder-stage.viewer-expanded .stage-heading{right:210px}.builder-stage.viewer-expanded .stage-heading h2{max-width:220px}.builder-floor-reference img{object-fit:contain!important;height:260px;background:#e9ede5}@media(max-width:1050px){.builder.container{width:calc(100% - 32px);grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr)}}@media(max-width:760px){.builder.container{grid-template-columns:1fr;width:calc(100% - 28px)}.builder-canvas{height:clamp(490px,66svh,680px)}.builder-stage{min-height:490px}.builder-fullscreen{top:75px;right:15px;padding:8px 10px;font-size:10px}.builder-stage.viewer-expanded .stage-heading{right:150px}.builder-stage.viewer-expanded .stage-heading h2{font-size:12px}.builder-stage.viewer-expanded .size-badge{display:none}.builder-stage.viewer-expanded .builder-fullscreen{top:18px;right:15px;max-width:135px}.builder-stage.viewer-expanded .viewer-help{font-size:8px}.builder-stage.viewer-expanded .view-caption{bottom:111px}.builder-workspace{top:auto}}
