.clean-config .config-intro{padding:28px 4% 24px;grid-template-columns:1fr 1fr;gap:24px}.clean-config .config-intro h1{font-size:clamp(32px,3.8vw,52px)}.clean-config .config-intro .eyebrow{margin-bottom:12px}.clean-config .config-intro p:not(.eyebrow){font-size:16px;margin-top:10px}.clean-config .configurator{margin:0 4%;grid-template-columns:minmax(0,1fr) 260px;border-color:#a9b3a5;background:#d7dbd5;align-items:stretch}.clean-config .config-viewer{height:min(800px,calc(100dvh - 24px));min-height:570px;max-height:none;background:#d7dbd5;position:relative;align-self:stretch}.clean-config .config-viewer #trailer-canvas{height:auto;min-height:300px;flex:1}.clean-config .studio-top{padding:17px 22px 4px;color:var(--ink)}.clean-config .placement-hint{background:transparent;border:0;padding:0 14px;min-height:23px;font-size:11px;color:var(--ink);margin:0 12px 0}.clean-config .studio-hint{display:none}.clean-config .camera-toolbar{border-color:#b7c2b4;padding:10px 15px;gap:8px;align-items:center}.clean-config .camera-toolbar .view-buttons{border:0;gap:4px}.clean-config .view-buttons button{font-size:12px;padding:10px 12px;border:1px solid #a4b39f;color:var(--ink)}.clean-config .view-buttons button.active{background:#324e3a;color:#f1f0e7}.clean-config .camera-buttons button{width:32px;height:35px;font-size:20px}.clean-config .design-tools{display:flex;margin:0;gap:5px}.clean-config .design-tools button{padding:5px;width:32px;height:35px;font-size:20px;border:1px solid #a4b39f;background:transparent;color:var(--ink)}.clean-config .device-toolbar{min-height:0;padding:7px 14px;flex-wrap:nowrap;justify-content:flex-start;background:#e7e9de;border-top:1px solid #b7c2b4}.clean-config .device-toolbar>span:first-child{flex-basis:auto;margin-right:auto;text-align:left;font-size:12px}.clean-config .device-toolbar button{font-size:12px;padding:6px 9px}.clean-config .model-note{font-size:10px;padding:8px 14px 10px;max-width:none;line-height:1.5;color:var(--ink)}.clean-config .clean-panel{padding:25px 21px;background:#f0eee6;color:var(--ink);border-left:1px solid #b9c2b2;display:flex;flex-direction:column}.clean-panel>.eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:13px}.clean-panel h2{font-family:Georgia,serif;font-size:29px;line-height:1.12;font-weight:400;letter-spacing:-.035em;margin:0 0 13px}.clean-panel #clean-summary{font-size:12px;color:var(--ink);margin:0 0 22px}.clean-views{display:grid;grid-template-columns:1fr 1fr;gap:7px}.clean-views button{background:transparent;border:1px solid #bec7b6;color:var(--ink);padding:11px 9px;text-align:left;font-size:11px;line-height:1.4;min-height:61px}.clean-views button small{display:block;font-size:8px;color:var(--ink);margin-bottom:5px}.clean-views button.active{background:#354f3e;color:#f2f0e6;border-color:#354f3e}.clean-views button.active small{color:#adbd9f}.clean-actions{margin:24px 0 17px;border-top:1px solid #c7cdbf;padding-top:17px;display:grid;gap:8px}.clean-actions button{display:flex;justify-content:space-between;gap:10px;padding:12px;border:1px solid #b2bfaa;background:transparent;color:var(--ink);font-size:13px;text-align:left}.clean-actions button b{font-weight:400}.clean-actions button.takeaway{background:#354f3e;color:#f2f0e6;border-color:#354f3e}.clean-panel #show-areas{padding:0 0 4px;border:0;border-bottom:1px solid #bcc7b3;background:transparent;font-size:11px;color:var(--ink);text-align:left;align-self:flex-start}.clean-panel .clean-tip{font-size:11px;line-height:1.8;margin:16px 0 0;color:var(--ink)}.clean-panel .clean-note{font-size:10px;line-height:1.7;color:var(--ink);margin:22px 0 8px;max-width:210px}.clean-panel .lighting-credit{font-size:8px;color:var(--ink);margin-top:auto;padding-top:12px}.clean-config .config-sheet{position:fixed;inset:0 0 0 auto;margin:0;width:430px;max-width:calc(100vw - 12px);height:100dvh;max-height:100dvh;padding:27px 25px;background:#f0eee6;color:var(--ink);border:0;border-left:1px solid #aebba5;overflow-y:auto;overscroll-behavior:contain}.config-sheet::backdrop{background:#1d2a2380}.config-sheet .sheet-heading{display:flex;justify-content:space-between;gap:16px;margin-bottom:27px}.config-sheet .sheet-heading h2{font-size:28px;font-weight:500;line-height:1.15;letter-spacing:-.035em;margin:0}.sheet-heading .eyebrow{font-size:10px;color:var(--ink);margin-bottom:9px}.sheet-close{width:36px;height:36px;border:1px solid #b4c2a8;color:var(--ink);background:transparent;font-size:26px;flex-shrink:0}.config-sheet fieldset{border-color:#bec9b3;padding-top:20px;margin:0 0 26px}.config-sheet legend{color:var(--ink);font-size:18px}.config-sheet legend>span{color:var(--ink)}.config-sheet .size-buttons button{background:transparent;color:var(--ink);border-color:#b4c1a7}.config-sheet .size-buttons button.active{background:#354f3e;color:#f2f0e6;border-color:#354f3e}.config-sheet .size-buttons span{font-size:12px}.config-sheet .layout-buttons button{background:transparent;color:var(--ink);border-color:#b4c1a7}.config-sheet .layout-buttons button.active{background:#dce3d1;color:var(--ink);border-color:#6d865c}.config-sheet #layout-description,.config-sheet .selected-name{color:var(--ink)}.config-sheet .interior-link{color:var(--ink)}.config-sheet .placement-panel{padding:0;border:0;margin:0}.config-sheet .config-summary{border:0;padding:0}.config-sheet .config-summary>p,.config-sheet .price-note{color:var(--ink)}.config-sheet .share-box{border-color:#bec9b3}.config-sheet .share-actions button{color:var(--ink);background:#e4e9da;border-color:#acbda0}.config-sheet .share-actions button:first-child{background:#354f3e;color:#f2f0e6}.config-sheet .config-reset{color:var(--ink)}.config-sheet .config-summary>.eyebrow{color:var(--ink)}.config-sheet .selected-place{color:var(--ink)}.config-sheet .direct-area{--placing-bg:#f0eee6;--placing-card:#e1e6d8;--placing-ink:#36502e;--placing-muted:#748569;--placing-border:#b6c2ab;--placing-accent:#688454}.clean-config .config-viewer.is-floorplan #floorplan-view{background:#d7dbd5;color:var(--ink);padding:8px 20px;min-height:0}.clean-config .config-viewer.is-floorplan #floorplan-view svg{max-height:none;min-height:240px}.clean-config .config-viewer.is-floorplan #floorplan-view .placement-small{color:var(--ink)}.config-sheet #share-url{background:#fff;color:var(--ink);border:1px solid #adba9f}.config-sheet .placement-small{color:var(--ink)}
@media(max-width:980px){.clean-config .configurator{grid-template-columns:minmax(0,1fr) 230px}.clean-config .clean-panel{padding:22px 15px}.clean-config .camera-toolbar{padding:10px;gap:6px}.clean-config .view-buttons button{font-size:11px;padding:8px}.clean-config .camera-buttons{margin-left:auto}.clean-config .camera-buttons button{width:29px}.clean-config .config-viewer{min-height:570px}.clean-panel h2{font-size:26px}}
@media(max-width:700px){.clean-config .config-intro{display:block;padding:25px 4% 20px}.clean-config .config-intro h1{font-size:36px}.clean-config .config-intro>div:last-child{margin-top:16px}.clean-config .config-intro p:not(.eyebrow){font-size:15px}.clean-config .configurator{display:flex;flex-direction:column;margin:0 3%}.clean-config .config-viewer{height:72dvh;min-height:470px;max-height:none}.clean-config .config-viewer #trailer-canvas{min-height:240px}.clean-config .placement-hint{font-size:10px;min-height:32px}.clean-config .clean-panel{padding:19px;display:block;border-left:0;border-top:1px solid #b9c2b2}.clean-panel h2,.clean-panel>.eyebrow,.clean-panel .clean-note,.clean-panel .clean-tip,.clean-panel .lighting-credit{display:none}.clean-panel #clean-summary{font-size:14px;margin:0 0 14px}.clean-views{grid-template-columns:repeat(4,1fr)}.clean-views button{font-size:10px;min-height:55px;padding:8px 6px}.clean-actions{grid-template-columns:1fr 1fr 1fr;padding-top:13px;margin:15px 0}.clean-actions button{padding:10px 7px;font-size:11px;line-height:1.4;gap:5px}.clean-config .device-toolbar{flex-wrap:wrap;gap:6px}.clean-config .device-toolbar>span:first-child{font-size:11px}.clean-config .camera-toolbar .camera-buttons{gap:3px}.clean-config .camera-toolbar .design-tools{margin-left:auto}.clean-config .camera-toolbar{flex-wrap:wrap}.clean-config .model-note{font-size:9px}.clean-config .config-sheet{width:100%;max-width:100%;padding:24px 20px}.clean-config .config-viewer.is-floorplan #floorplan-view svg{min-height:180px}.clean-config .config-viewer.is-floorplan #floorplan-view .placement-small{display:none}}
.config-sheet:not([open]){display:none!important}.config-sheet[open]{display:block!important}
.clean-config .config-viewer{--placing-ink:#30492f;--placing-bg:#d7dbd5;--placing-muted:#6f7f64}