/* Roomwise palette: ivory, sand, taupe, burgundy and deep brown. */
:root{--rw-page:#fffdf7;--rw-ivory:#f9f4ee;--rw-sand:#eadfd0;--rw-taupe:#ba9386;--rw-burgundy:#915851;--rw-ink:#321c17;--rw-wordmark:#511e22;--roomwise-highlight:var(--rw-sand);--pink:var(--rw-sand);--butter:var(--rw-sand);--accent:var(--rw-burgundy);--focus:var(--rw-taupe);--line:var(--rw-sand);--surface:var(--rw-ivory);--ink:var(--rw-ink);--muted:#886e64}
body,#welcome,.how-works,.setup,#editor,#editor header,#editor .workspace,#editor .library,#editor .details,#editor footer,.library-page,.library-page>header,.library-page footer{background:var(--rw-page);color:var(--rw-ink)}
#editor header,.library-page>header,header,footer,#editor .library,#editor .details{border-color:var(--rw-sand)}
.logo,.logo b,.welcome-word,.wordmark,.library-page>header>a:first-child{color:var(--rw-wordmark)}
body a,.library-browse,.budget-heading button,.account-switch button,.product-link a,#editor #selected .product-link a{color:var(--rw-burgundy)}
body .muted,body label,.library-page .card small,.library-price-tools p,.brand .project,.settings-nav small{color:#886e64}
#editor .furniture-actions{background:var(--rw-sand);border-color:#d9c6b7}
#editor .furniture-actions .muted{color:#80675e}
#editor .furniture-actions #addBtn,#editor .furniture-actions .library-download-button{background:var(--rw-burgundy);color:var(--rw-ivory);border-color:var(--rw-burgundy)}
#editor .furniture-actions #addBtn:hover,#editor .furniture-actions .library-download-button:hover{background:#7d4944;border-color:#7d4944}
#editor .furniture-actions .person-add{background:#f9f3edb3;border-color:#d5bfb0;color:var(--rw-burgundy)}
body button.dark,body button.primary,#addDialog .dark,#recommendationsDialog .dark,#recommendationsDialog .recommendation-card button,#costDialog #approveCost,.library-page .card a.use-model{background:var(--rw-burgundy);color:var(--rw-ivory);border-color:var(--rw-burgundy);box-shadow:none}
body button.dark:hover,body button.primary:hover,.library-page .card a.use-model:hover{background:#7d4944;border-color:#7d4944}
#editor button.active,#editor .piece.selected,#editor #roomTabs button.active,#editor #wallsBtn[aria-pressed=true],.library-page .filters button.active,.mac-select-option[aria-selected=true],.mac-select-option.focused,#sketchDialog button.active,#sketchDialog [aria-pressed=true],#sketchDialog .sketch-presets button[aria-pressed=true],#sketchDialog .sketch-presets button.active,#sketchDialog .sketch-point-tools button[aria-pressed=true],#sketchDialog #sketchWalls>button.active,#sketchDialog #sketchWalls .sketch-wall-main.active,#sketchDialog #sketchWalls .sketch-wall-pin[aria-pressed=true],#planEditTools [aria-pressed=true],#editDetected[aria-pressed=true],.character-choice[aria-pressed=true],.character-presets button.active,.settings-nav button.active{background:var(--rw-sand);border-color:var(--rw-taupe);color:var(--rw-burgundy)}
#editor .piece:hover{background:#efe3d9}.mac-select-button[aria-expanded=true]{border-color:var(--rw-taupe);box-shadow:0 0 0 3px #ac918526}
#editor input[type=checkbox],#editor input[type=range],dialog input[type=checkbox],dialog input[type=range],body input[type=checkbox]{accent-color:var(--rw-burgundy)}
#editor .statusdot{background:var(--rw-taupe)}
body button:focus-visible,body a:focus-visible,body input:focus-visible,body select:focus-visible{outline-color:var(--rw-taupe)}body input:focus,body select:focus,body textarea:focus{border-color:var(--rw-taupe)}
body dialog,.setup-inner,.library-page .card,.settings-card{background:#fdfaf7;border-color:var(--rw-sand)}
body input:not([type=range]):not([type=checkbox]):not([type=color]):not([data-price]),body textarea,.mac-select-button{background:#fffdfb;border-color:#dbcbbf;color:var(--rw-ink)}
.library-page .filters,.switch,.sketch-point-tools{background:#ede2d9}.library-page .card img{background:var(--rw-page)}
.rotation-control,.room-budget,.wall-picker-plan{border-color:var(--rw-sand)}.rotation-control{background:#f2e8df}.rotation-heading span{color:var(--rw-burgundy)}
#photoChoices button.active,#photoChoices img.active{border-color:var(--rw-taupe);box-shadow:0 0 0 3px #e7d8ca80}
.credit-packs>div,.person-photo-picker,.upload-card,.draw-apartment{background:#f0e5db;border-color:var(--rw-sand)}.upload-icon{background:var(--rw-sand);color:var(--rw-burgundy)}
#editor .room-budget progress::-webkit-progress-value{background:var(--rw-taupe)}#editor .room-budget progress::-moz-progress-bar{background:var(--rw-taupe)}
#sketchDialog>.brand-dialog-header{background:#f9f3edf2;border-color:var(--rw-sand)}
#addDialog .photo-cleanup-option{background:#f0e5db;border-color:var(--rw-sand);color:#74574c}

#sketchCanvas{background:var(--rw-page)}
/* Inverted furniture action panel. */
#editor .furniture-actions{background:#c17c70;border-color:#c17c70}
#editor .furniture-actions h2,#editor .furniture-actions .paneltitle{color:var(--rw-ivory)}
#editor .furniture-actions .paneltitle>span,#editor .furniture-actions .muted{color:var(--rw-sand)}
#editor .furniture-actions #addBtn,#editor .furniture-actions .library-download-button{background:var(--rw-ivory);border-color:var(--rw-ivory);color:var(--rw-burgundy)}
#editor .furniture-actions #addBtn:hover,#editor .furniture-actions .library-download-button:hover{background:var(--rw-sand);border-color:var(--rw-sand)}
#editor .furniture-actions .person-add{background:var(--rw-sand);border-color:var(--rw-sand);color:var(--rw-burgundy)}

#editor .recommendations-trigger.recommendations-simple{position:absolute;left:auto!important;top:auto!important;right:20px!important;bottom:94px!important;display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;height:auto!important;min-height:38px;padding:10px 15px;background:#fdfaf7ed!important;color:var(--rw-burgundy);border:1px solid var(--rw-sand)!important;border-radius:12px;box-shadow:0 2px 12px #22070708!important;cursor:pointer;touch-action:manipulation;transform:none!important;font-size:12px;font-weight:600;z-index:3}
#editor .recommendations-simple:hover{background:var(--rw-sand)!important}
#editor .recommendations-simple:focus-visible{outline:2px solid var(--rw-taupe);outline-offset:3px;border-radius:12px}
@media(max-width:700px){#editor .recommendations-trigger.recommendations-simple{right:14px!important;bottom:74px!important;min-height:34px;padding:8px 11px;font-size:11px}}

/* Burgundy header, cream wordmark and muted rose accents. */
#editor header,.library-page>header,body>header{background:#511e22;border-bottom-color:#633036}
#editor header .logo,#editor header .logo b,.library-page>header>a:first-child,body>header .wordmark{color:#fff6cf}
#editor header .brand .project,.library-page>header>span{color:#d7c0b1}

#editor .selectedactions,#editor .movepiece,#editor #aiState{display:none!important}

#editor header .headright>button,.library-page>header .dashboard-back{background:var(--rw-ivory);border-color:var(--rw-ivory);color:#511e22}

#editor header .headright>button:hover,.library-page>header .dashboard-back:hover{background:var(--rw-sand);border-color:var(--rw-sand)}

/* Compact planner header, with touch targets preserved on phones. */
#editor header{height:68px;min-height:68px;flex:0 0 68px}
@media(max-width:700px){#editor header{height:64px;min-height:64px;flex-basis:64px;padding-top:8px;padding-bottom:8px}}
#editor .furniture-actions h2,#editor .furniture-actions .paneltitle,#editor .furniture-actions .paneltitle>span,#editor .furniture-actions .muted{color:#321c17}

/* Three equally discoverable ways to create a room. */
#setup .setup-layout{width:min(100%,960px);max-width:960px!important}
#setup .room-start-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0 0}
#setup .room-start-option{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:13px;min-height:190px;padding:22px;border:1px solid var(--rw-sand);border-radius:18px;background:#fffdfb;color:var(--rw-ink);box-shadow:none}
#setup .room-start-option b{font-size:17px;line-height:1.3;letter-spacing:-.3px;max-width:190px}
#setup .room-start-description{font-size:12px;font-weight:400;color:#886e64;line-height:1.5;margin-top:auto;padding-right:16px}
#setup .room-start-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--rw-page);color:var(--rw-burgundy)}
#setup .room-start-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#setup .room-start-arrow{position:absolute;right:18px;bottom:22px;color:var(--rw-burgundy);font-size:20px}
#setup .room-start-featured{background:var(--rw-sand);border-color:var(--rw-burgundy);box-shadow:0 2px 8px #511e220a}
#setup .room-start-featured .room-start-icon{background:var(--rw-burgundy);color:var(--rw-ivory)}
#setup .room-start-option:hover,#setup .room-start-option[aria-expanded=true]{border-color:var(--rw-burgundy);background:#f2e7df}
#setup #dimensionForm{margin-top:24px;padding-top:14px;border-top:1px solid var(--rw-sand)}
#setup #resumeRoom{margin-top:24px}
@media(max-width:700px){#setup .room-start-options{grid-template-columns:1fr;gap:12px}#setup .room-start-option{min-height:112px;padding:18px 44px 18px 76px;gap:6px;justify-content:center}#setup .room-start-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%)}#setup .room-start-option b{max-width:none;font-size:16px}#setup .room-start-description{margin-top:0;padding:0}#setup .room-start-arrow{bottom:auto;top:50%;transform:translateY(-50%)}#setup .setup-layout .setup-inner{padding:24px}}

/* Keep the three room creation choices in one vertical list. */
#setup .setup-layout{width:min(100%,650px);max-width:650px!important}
#setup .room-start-options{grid-template-columns:1fr;gap:12px}
#setup .room-start-option{min-height:112px;padding:20px 52px 20px 82px;gap:6px;justify-content:center}
#setup .room-start-icon{position:absolute;left:22px;top:50%;transform:translateY(-50%)}
#setup .room-start-option b{max-width:none}
#setup .room-start-description{margin-top:0;padding:0}
#setup .room-start-arrow{bottom:auto;top:50%;transform:translateY(-50%)}
@media(max-width:700px){#setup .room-start-option{padding:18px 44px 18px 76px}#setup .room-start-icon{left:18px}}
.plan-countertops{margin:20px 0;padding:16px;border:1px solid var(--rw-sand);border-radius:14px;background:#f5e9e3}.plan-counter-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.plan-counter-heading h3{margin:0;font-size:14px}.plan-counter-heading>span{font-size:12px;color:var(--rw-burgundy)}.plan-countertops .muted{font-size:11px;margin:8px 0}.plan-countertops>label{font-size:11px}.plan-countertops input[type=number]{max-width:120px}.plan-countertops>button{width:100%;font-size:12px}.plan-countertops button[aria-pressed=true]{background:var(--rw-sand);border-color:var(--rw-burgundy)}#planFixtureList{display:grid;grid-template-columns:1fr 1fr;gap:5px;max-height:150px;overflow:auto}#planFixtureList label{display:flex;gap:7px;align-items:center;font-size:11px;margin:3px 0}.counter-category{display:block;color:var(--rw-burgundy);font-size:10px;margin-top:4px}

/* Visible, parallel choices make the space being built explicit. */
.plan-room-picker{margin:0 0 18px}.plan-room-picker h3{font-size:16px;margin:0 0 12px;color:var(--rw-ink)}
#planRoomChoices{display:grid;gap:9px;max-height:275px;overflow:auto;padding:3px;margin:-3px}
#planRoomChoices .plan-room-choice{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr) 20px;align-items:center;gap:10px;margin:0;padding:12px;border:1px solid var(--rw-sand);border-radius:13px;background:#fffdfb;cursor:pointer;min-height:76px;transition:background .15s,border-color .15s}
#planRoomChoices .plan-room-choice:hover{border-color:var(--rw-burgundy)}
#planRoomChoices .plan-room-choice.is-selected{background:#f0e1d8;border-color:var(--rw-burgundy);box-shadow:0 1px 4px #511e220a}
#planRoomChoices .plan-room-choice input{position:absolute;width:1px;height:1px;opacity:0;margin:0;min-width:0;padding:0}
#planRoomChoices .plan-room-choice:has(input:focus-visible){outline:2px solid var(--rw-burgundy);outline-offset:1px}
.plan-room-choice svg{width:56px;height:44px;display:block}.plan-room-choice polygon{fill:#eee5dc;stroke:#ac9185;stroke-width:1.5;stroke-linejoin:round}.plan-room-choice.is-selected polygon{fill:#c17c7055;stroke:#915851}
.plan-room-choice-copy{display:grid;gap:5px;min-width:0}.plan-room-choice-copy b{font-size:13px;line-height:1.3;color:var(--rw-ink)}.plan-room-choice-copy small{font-size:11px;color:#886e64;font-weight:400}
.plan-room-choice-check{display:grid;place-items:center;width:19px;height:19px;border:1px solid #d0bbae;border-radius:50%;font-size:12px}.is-selected .plan-room-choice-check{background:var(--rw-burgundy);border-color:var(--rw-burgundy);color:#fffdfb}

/* Guided floor-plan review: space, countertops, scale. */
#floorDialog .plan-canvas-stage{height:min(66dvh,700px);min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--rw-sand);border-radius:14px;background:#fff}
#floorDialog .plan-canvas-stage canvas{width:auto;height:auto;max-width:100%;max-height:100%;border:0;border-radius:0}
.plan-review-controls{height:min(66dvh,700px);display:flex;flex-direction:column;min-width:0}
.plan-progress{display:flex;gap:8px;justify-content:space-between;margin:0 0 22px;padding:0;list-style:none;font-size:10px;color:#886e64}
.plan-progress li{display:flex;align-items:center;gap:5px;white-space:nowrap}.plan-progress li>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid var(--rw-sand);font-size:11px}.plan-progress .current{color:var(--rw-burgundy);font-weight:600}.plan-progress .current>span,.plan-progress .complete>span{background:var(--rw-burgundy);border-color:var(--rw-burgundy);color:white}.plan-progress .complete{color:var(--rw-burgundy)}
#planStepPanels{flex:1;min-height:0;overflow:auto;padding:2px;margin:-2px}#planStepPanels>div>h3{font-size:18px;margin:0 0 16px}#planStepPanels h3:focus{outline:none}
.plan-step-actions{display:flex;gap:8px;padding-top:18px;margin-top:auto}.plan-step-actions button{min-height:44px;font-size:12px}.plan-step-actions .dark{flex:1;margin:0}.plan-step-actions #planStepBack{background:transparent;border-color:var(--rw-sand)}
.plan-counter-decision{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 18px}.plan-counter-decision button{font-size:13px;min-height:46px}.plan-counter-decision [aria-pressed=true]{background:#f0e1d8;border-color:var(--rw-burgundy);color:var(--rw-burgundy)}
#planCounterControls .plan-countertops{margin:0}#planStepPanels .plan-wall-scale{margin-top:0}#planStepPanels .plan-wall-scale h3{font-size:18px;margin-top:0}
@media(max-width:650px){#floorDialog .plan-canvas-stage{height:32dvh;min-height:200px}.plan-review-controls{height:auto;min-height:350px}.plan-progress{margin-top:0;margin-bottom:18px;font-size:11px}#planStepPanels{flex:initial;overflow:visible}.plan-step-actions{margin-top:18px}.planreview{gap:20px}}
.plan-wall-scale>button{width:100%;margin-top:10px}.plan-wall-scale #planScaleSource{margin:12px 0;font-weight:400}.plan-wall-scale #planScaleStatus:empty,.plan-wall-scale #planScaleSource:empty{display:none}.plan-scale-help{font-size:.85rem}
.image-dimension-dialog{width:min(760px,94vw)}.image-dimension-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.image-dimension-layout img{width:100%;height:300px;object-fit:contain;background:#fff;border-radius:16px}.image-dimension-layout label{display:block;margin:12px 0}.image-dimension-layout button,.image-dimension-layout select{width:100%}#readImageDimensions{margin-top:12px;font-size:.85rem} @media(max-width:600px){.image-dimension-layout{grid-template-columns:1fr}.image-dimension-layout img{height:220px}}
#addDialog #specReview #bedDimensionNote:not([hidden]),#addDialog #specReview #artworkDimensionNote:not([hidden]){display:block!important;font-size:12px;line-height:1.5;margin:12px 0;color:var(--rw-muted,#8b7166)}

/* A product link is the primary entry; a photo is an alternative. */
#addDialog .urlrow{padding:20px;background:#f2e7df;border:1px solid #d9b7aa;border-radius:16px;align-items:center}
#addDialog .urlrow label{margin:0;color:var(--rw-ink);font-size:14px;font-weight:700}
#addDialog .urlrow input{border-color:#bd8a7d;min-height:48px}
#addDialog #productLinkHint{display:block;margin-top:9px;font-size:12px;line-height:1.5;font-weight:400;color:var(--rw-muted,#886e64)}
#addDialog .urlrow #fetchProduct{margin:0;min-height:48px;align-self:center;white-space:nowrap}
#addDialog .product-image-upload{margin:18px 0 8px;padding:0;border:0;background:transparent}
#addDialog .product-source-or{display:flex;align-items:center;gap:14px;margin:0 0 16px;font-size:12px;color:#97857c}
#addDialog .product-source-or:before,#addDialog .product-source-or:after{content:"";height:1px;flex:1;background:var(--rw-sand)}
#addDialog #uploadProductImage{background:transparent;border-color:var(--rw-sand);box-shadow:none;font-size:12px;min-height:38px;padding:8px 12px;color:#886e64}
#addDialog #productImageFilename{font-size:11px;color:#9b8a81}
@media(max-width:550px){#addDialog .urlrow{flex-direction:column;align-items:stretch;padding:16px}#addDialog .urlrow label{width:100%}#addDialog .urlrow #fetchProduct{align-self:stretch}#addDialog .image-upload-actions{flex-direction:row;align-items:center;flex-wrap:wrap}}

#addDialog #generationPhotoNote:not([hidden]){display:block!important;font-size:12px;line-height:1.5;margin:14px 0 0;color:#886e64}

/* Keep the primary build action in view while photos and measurements scroll. */
#addDialog>.custombuild{display:flex;flex-direction:column;flex:none;gap:10px;margin:16px 0 0;padding:16px 0 0;border-top:1px solid var(--rw-sand);background:#fcfbf8}
#addDialog:has(#productReview[hidden])>.custombuild,#addDialog.library-import>.custombuild{display:none!important}
#addDialog>.custombuild #customizeProduct{width:100%;min-height:52px;font-size:15px;font-weight:700;box-shadow:0 3px 8px #511e2214}
#addDialog>.custombuild .photo-cleanup-option{background:transparent;border:0;box-shadow:none;padding:2px 0!important;gap:9px;font-size:12px;font-weight:500;color:#886e64;align-items:flex-start}
#addDialog>.custombuild .photo-cleanup-option input{margin-top:2px}
#addDialog>.custombuild .photo-cleanup-option small{font-size:11px;line-height:1.5;color:#9b8a81;margin-top:3px}
#addDialog #cleanupPriceNote{font-size:11px;font-weight:400}
#addDialog:not(.library-import) .reviewhero{margin-top:12px;gap:20px}
#addDialog:not(.library-import) .reviewhero>img{height:250px;padding:12px}
#addDialog .reviewhero #photoChoices{gap:7px}
#addDialog .reviewhero #photoChoices img{width:56px;height:58px}
#addDialog #generationPhotoNote:not([hidden]){font-size:11px;margin-top:10px}
@media(max-width:600px){#addDialog:not(.library-import) .reviewhero>img{height:180px}#addDialog>.custombuild{padding-top:12px;margin-top:10px}#addDialog>.custombuild #customizeProduct{min-height:48px}}

#addDialog:not(.library-import) .modelcompare:not(.has-product-model),#addDialog .dialogbuttons:has(#placeProduct[hidden]){display:none!important}

.plan-scale-options{display:grid;gap:10px;margin:18px 0 22px}.plan-scale-options button{text-align:left;padding:16px;background:#fffdfa;border:1px solid var(--rw-sand);border-radius:14px;font-weight:400}.plan-scale-options strong{display:block;font-size:14px;color:var(--rw-ink)}.plan-scale-options small{display:block;font-size:12px;line-height:1.5;color:#886e64;margin-top:5px}.plan-scale-options button[aria-pressed=true]{background:#f0e0d9;border-color:var(--rw-burgundy);box-shadow:0 0 0 1px var(--rw-burgundy)}.plan-scale-options button:disabled{opacity:.65}#planScaleSource:empty,#planScaleStatus:empty{display:none}
#planProgress li[role="button"]{cursor:pointer;border-radius:8px}#planProgress li[role="button"]:focus-visible{outline:2px solid #998c42;outline-offset:5px}#planCanvas{touch-action:none}
/* Homepage: cream action with olive lettering and a compact room vignette. */
#welcome #startBtn{background:#511e22;border-color:#511e22;color:#fff6cf}
#welcome #startBtn span{color:inherit}
#welcome #startBtn:hover{background:#633036;border-color:#633036}
#welcomeRoom{scale:.77}

/* Advice always describes the generation source, independent of gallery browsing. */
#addDialog .photo-quality-advice:not([hidden]){display:block!important;padding:10px 12px;border:1px solid #d5d9c9;border-radius:12px;background:#f1f3eb;color:#526044;font-size:12px;line-height:1.45}
#addDialog .photo-quality-advice[data-level="recommended"],#addDialog .photo-quality-advice[data-level="replace"]{background:#fff8e8;border-color:#e0c68a;color:#795b2c}
#addDialog .photo-quality-advice strong{display:block;font-size:12px}
#addDialog .photo-quality-advice p{margin:3px 0 0;font-size:11px;color:inherit}
#addDialog .photo-quality-advice button:not([hidden]){margin-top:7px;padding:6px 10px;min-height:30px;font-size:11px;background:#fffdf7;border:1px solid #d0b477;color:#795b2c}

/* A horizontal workspace keeps the generated model and its action in view. */
#addDialog[open]{width:min(640px,94vw);max-width:94vw}
#addDialog[open]:has(#productReview:not([hidden])){width:min(920px,94vw)}
#addDialog #importEntryChoices{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
#addDialog #importEntryChoices .urlrow{display:flex;flex-wrap:wrap;gap:12px}
#addDialog #importEntryChoices .urlrow label{flex:1 1 280px;min-width:0}
#addDialog #importEntryChoices .product-image-upload{margin:0}
#addDialog:has(#productReview:not([hidden])) #importEntryChoices{display:none!important}
#addDialog[open]:has(#productReview:not([hidden])):not(.editing-source){display:flex;flex-direction:column;height:min(760px,94dvh);max-height:94dvh;padding:24px 28px}
#addDialog[open]:has(#productReview:not([hidden])):not(.editing-source)>#productReview{display:flex!important;flex:1;min-height:0;overflow:hidden;padding:0}
#addDialog #changeImportSource{position:absolute;top:23px;right:80px;margin:0}
#addDialog #importWorkspace{display:grid!important;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:40px;width:100%;min-height:0;padding-top:44px}
#addDialog #importSourcePanel{min-width:0;min-height:0;overflow:auto;padding-right:6px;scrollbar-width:thin}
#addDialog #importSourcePanel .reviewhero{display:flex!important;flex-direction:column;gap:12px;margin:0}
#addDialog #importSourcePanel .reviewhero>div{display:contents}
#addDialog #importSourcePanel .reviewhero h3{order:-1;margin:0;font-size:16px;line-height:1.35}
#addDialog #importSourcePanel .reviewhero>img{width:100%;height:clamp(150px,25dvh,220px);max-height:none;padding:12px;object-fit:contain;box-sizing:border-box;border-radius:16px}
#addDialog #importSourcePanel #photoChoices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0;width:100%;overflow:visible}
#addDialog #importSourcePanel #photoChoices button{width:100%;min-width:0;padding:4px;border-radius:11px}
#addDialog #importSourcePanel #photoChoices img{width:100%;height:46px;object-fit:contain}
#addDialog #importSourcePanel #generationPhotoNote{margin:10px 0;font-size:11px}
#addDialog #importModelPanel{position:relative;display:flex;flex-direction:column;min-height:0;min-width:0;gap:10px}
#addDialog #importModelHeading{margin:0;font-size:21px;line-height:1.35}
#addDialog #importModelPanel .modelcompare{display:block!important;flex:1;min-height:160px;max-height:360px;margin:0;overflow:hidden;border:1px solid #d8c6b6;border-radius:18px;background:#f4eee5;box-shadow:0 8px 24px #513a2412,0 1px 3px #513a2410}
#addDialog #importModelPanel .modelcompare figure{display:none!important}
#addDialog #importModelPanel .product-model-column,#addDialog #importModelPanel .modelpreview{height:100%;width:100%;margin:0;min-height:0;display:flex;flex-direction:column}
#addDialog #importModelPanel .modelpreview canvas{flex:1;min-height:0;width:100%;height:100%}
#addDialog #importModelPanel .modelpreview span{flex:none;padding:6px;font-size:10px}
#addDialog #importModelPlaceholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100%;min-height:160px;padding:24px;text-align:center;box-sizing:border-box;color:#948478;font-size:12px}
#addDialog #importModelPlaceholder strong{font-size:16px;color:#706659}
#addDialog .modelcompare.has-product-model #importModelPlaceholder,#addDialog .modelcompare:not(.has-product-model) .product-model-column{display:none!important}
#addDialog #importModelPanel #specReview{flex:none;margin:0;padding:10px 0 0;border-top:1px solid var(--rw-sand)}
#addDialog #importModelPanel #specSummary{margin:0 0 8px;font-size:13px}
#addDialog #importModelPanel #specReview .three{gap:10px;margin:0}
#addDialog #importModelPanel #specReview label{margin:0;font-size:11px}
#addDialog #importModelPanel #specReview input{min-height:36px;padding:8px 10px}
#addDialog #importModelPanel #bedDimensionNote,#addDialog #importModelPanel #artworkDimensionNote{font-size:10px!important;margin:7px 0 0!important;line-height:1.4!important}
#addDialog #importModelPanel .custombuild{display:flex;flex-direction:column;flex:none;gap:8px;margin:0;padding:10px 0 0;border-top:1px solid var(--rw-sand)}
#addDialog #importModelPanel .custombuild #customizeProduct{order:0;width:100%;min-height:46px;font-size:14px;margin:0}
#addDialog #importModelPanel .photo-quality-advice{order:1}
#addDialog #importModelPanel .photo-cleanup-option{order:2;background:transparent;border:0;box-shadow:none;padding:0;font-size:11px;color:#886e64;gap:8px;align-items:flex-start}
#addDialog #importModelPanel .photo-cleanup-option small{font-size:10px;line-height:1.4;margin-top:3px}
#addDialog #importModelPanel .photo-cleanup-option input{margin-top:2px}
#addDialog #importModelPanel #customBuildStatus{order:3;margin:0;padding:10px;font-size:11px;max-height:70px;overflow:auto}
#addDialog #importModelPanel .dialogbuttons{order:-1;flex:none;margin:0;display:flex}
#addDialog #importModelPanel #placeProduct{width:100%;min-height:46px;font-size:15px;margin:0}
#addDialog.has-built-model #importModelPanel #customizeProduct{min-height:30px;width:auto;align-self:flex-end;padding:5px 12px;font-size:11px;background:transparent;color:#886e64;border:1px solid var(--rw-sand);box-shadow:none}
#addDialog.library-import #importModelPanel .custombuild>:not(.dialogbuttons){display:none!important}
@media(max-width:760px){
 #addDialog #importEntryChoices{grid-template-columns:1fr;gap:18px}
 #addDialog[open]:has(#productReview:not([hidden])):not(.editing-source){height:auto;max-height:94dvh;padding:22px 18px}
 #addDialog[open]:has(#productReview:not([hidden])):not(.editing-source)>#productReview{overflow-y:auto}
 #addDialog #importWorkspace{grid-template-columns:1fr;gap:20px;padding-top:40px}
 #addDialog #importSourcePanel{overflow:visible;padding:0}
 #addDialog #importSourcePanel .reviewhero>img{height:190px}
 #addDialog #importModelPanel .modelcompare{flex:none;height:320px}
 #addDialog.has-built-model #importSourcePanel .reviewhero>img{height:120px}
}


/* Distinct source and result columns, without crowding the narrower dialog. */
#addDialog #importModelPanel:before{content:"";position:absolute;left:-21px;top:0;bottom:0;width:1px;background:#d4c4b3}
#addDialog.has-built-model #customizeProduct,#addDialog.has-built-model .photo-cleanup-option,#addDialog.has-built-model #photoQualityAdvice{display:none!important}
@media(max-width:760px){#addDialog #importModelPanel:before{left:0;right:0;top:-12px;bottom:auto;width:auto;height:1px}}

#addDialog #importSourceHeading{margin:0 0 12px;font-size:14px;color:#887669;font-weight:600}

/* Simple photo surfaces and a real gutter keep selected photos separate. */
#addDialog #importSourcePanel #generationPhotoNote{display:none!important}
#addDialog #importSourcePanel .reviewhero>img{display:block;flex:none;padding:0;border:0;border-radius:6px;box-shadow:none;background:transparent}
#addDialog #importSourcePanel #photoChoices{margin:16px 0 0;padding:2px;gap:10px}
#addDialog #importSourcePanel #photoChoices button{padding:3px;border:1px solid #ded6cb;border-radius:6px;box-shadow:none;background:transparent;min-height:0}
#addDialog #importSourcePanel #photoChoices button.active,#addDialog #importSourcePanel #photoChoices button.chosen-view{border:2px solid #b59a63;padding:2px;background:#f8f4eb;box-shadow:none}
#addDialog #importSourcePanel #photoChoices img,#addDialog #importSourcePanel #photoChoices img.active{display:block;padding:0;border:0;border-radius:3px;background:transparent;box-shadow:none}

.window-resize-overlay{position:absolute;inset:0;pointer-events:none;z-index:4;overflow:hidden}
.window-resize-overlay svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.window-resize-overlay polygon{fill:none;stroke:#947265;stroke-width:1;vector-effect:non-scaling-stroke}
.window-resize-overlay .window-resize-handle{position:absolute;pointer-events:auto;height:24px;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;touch-action:none;transition:none}
.window-resize-handle:after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;transform:translate(-50%,-50%) var(--handle-plane);background:#fffaf2;border:1px solid #8f6f61;border-radius:50%;box-shadow:0 1px 3px #321c171c}
.window-resize-handle.edge:after{width:14px;height:5px;border-radius:4px}
.window-resize-handle[data-edge=left]:after,.window-resize-handle[data-edge=right]:after{width:5px;height:14px}
.window-resize-overlay .window-resize-handle.corner{height:40px;z-index:2;border-radius:50%}
.window-resize-overlay .window-resize-handle.edge{height:28px;z-index:1}
.window-resize-handle:after{transition:background-color 120ms ease,border-color 120ms ease,box-shadow 120ms ease}
.window-resize-handle:hover:after,.window-resize-handle:focus-visible:after,.window-resize-handle.is-active:after{background:#511e22;border-color:#511e22;box-shadow:0 1px 3px #511e2240}
.window-resize-overlay.is-resizing .window-resize-handle:not(.is-active){visibility:hidden;pointer-events:none}
.window-resize-overlay .window-resize-handle:focus-visible{outline:none}

.window-live-dimension{position:absolute;transform:translate(-50%,-50%);padding:3px 7px;border-radius:5px;background:#fcf9f2ed;color:#70574e;font-size:11px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1.25;white-space:nowrap;opacity:0;transition:opacity 180ms ease;pointer-events:none;box-shadow:0 1px 4px #321c170b}
.window-resize-overlay.is-dragging .window-live-dimension{opacity:1}
@media(prefers-reduced-motion:reduce){.window-live-dimension{transition:none}}

#editor header #homeLogo{display:inline-flex;align-items:center;gap:10px;line-height:1}
#editor header #homeLogo .roomwise-brand-mark{display:block;width:1.6em;height:1.6em;flex:none;object-fit:contain}

.library-more-status{min-height:40px;display:flex;align-items:center;justify-content:center;margin:20px 0 8px;color:var(--muted);font-size:12px}
.library-load-more{display:block;margin:0 auto 24px}
.library-load-more[hidden]{display:none}
.library-page .grid .card img{aspect-ratio:24/17;object-fit:contain;display:block}

/* Keep actions aligned even when titles, references, or price notes wrap. */
.library-page .grid .card{display:flex;flex-direction:column;align-items:stretch}
.library-page .grid .card img{flex-shrink:0}
.library-page .grid .card a.use-model{margin-top:auto;flex-shrink:0}
.library-page .grid .card .library-price-checked{margin-bottom:16px}

.library-filter-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:24px}
.library-page .library-filter-row .filters{margin-bottom:0}
.library-price-filter{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto;min-height:44px;font-size:12px;color:#886e64;flex-wrap:wrap}
.library-price-filter input{width:88px;min-width:0;padding:10px;border-radius:9px;font:inherit}
.library-price-filter button{padding:10px 12px;border-radius:9px;font-size:12px}
.library-price-filter button[type=submit]{background:#511e22;color:#fff6cf;border-color:#511e22}
.library-price-filter button[hidden],.library-price-filter-message[hidden]{display:none}
.library-page .library-price-filter-message{font-size:12px;margin:-10px 0 20px;max-width:none}
.library-price-filter .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:650px){.library-price-filter{margin-left:0;justify-content:flex-start}.library-filter-row{gap:12px}.library-price-filter input{width:80px}}

.library-filter-menu{position:relative;margin-left:auto;color:#70574e;font-size:12px;z-index:5}
.library-filter-menu summary{list-style:none;cursor:pointer;padding:12px 18px;background:#fffdfb;border:1px solid #dbcbbf;border-radius:10px;min-height:44px;display:flex;align-items:center;gap:24px;font-weight:600}
.library-filter-menu summary::-webkit-details-marker{display:none}
.library-filter-menu[open] summary{background:#ede2d9}
.library-filter-menu .library-price-filter{position:absolute;right:0;top:calc(100% + 8px);width:290px;max-width:calc(100vw - 36px);padding:18px;background:#fffdfb;border:1px solid #dbcbbf;border-radius:14px;box-shadow:0 10px 30px #321c171c;justify-content:flex-start;gap:10px;margin:0}
.library-price-filter>strong{width:100%;font-size:13px;margin-bottom:2px}
.library-filter-menu .library-price-filter input{width:112px}
.library-sort-label{display:flex;flex-direction:column;gap:7px;width:100%;margin-top:8px}
.library-sort-label select{width:100%;padding:10px;border:1px solid #dbcbbf;border-radius:9px;background:#fffdfb;color:#321c17;font:inherit}
.library-filter-actions{display:flex;gap:8px;margin-top:6px;width:100%}
.library-filter-actions button{flex:1}
@media(max-width:650px){.library-filter-menu{margin-left:0}.library-filter-menu .library-price-filter{left:0;right:auto}}

/* Library previews share the current workspace instead of the retired dialog children. */
#addDialog.library-import #importWorkspace{grid-template-columns:1fr;gap:14px}
#addDialog.library-import #importSourcePanel{border:0;padding:0;overflow:visible;flex:none}
#addDialog.library-import #importSourceHeading,#addDialog.library-import #photoChoices,#addDialog.library-import #generationPhotoNote{display:none!important}
#addDialog.library-import #importSourcePanel .reviewhero{margin:0;display:block}
#addDialog.library-import #importSourcePanel .reviewhero h3{font-size:19px;margin:0}
#addDialog.library-import #importModelPanel{min-height:0;flex:1}
#addDialog.library-import #importModelHeading{font-size:14px;color:#886e64}

#addDialog.library-import>.brand-dialog-header,#addDialog.library-import>#importEntryChoices{display:none!important}
#addDialog.library-import #importSourcePanel .reviewhero{padding:0;min-height:0;height:auto}

.wall-opening-editor .wall-editor-area,.wall-opening-editor .window-editor-area{padding:12px;border:1px solid #e5dace;border-radius:12px;background:#fbf7f1;margin-top:12px;min-width:0}
.wall-opening-editor h4{margin:0 0 10px;font-size:13px;line-height:1.4;font-weight:600;color:#511e22}
.wall-opening-editor .wall-editor-area .wall-picker-plan{margin-top:0}
.wall-opening-editor .wall-editor-area>label{margin-bottom:0}
.wall-opening-editor .window-editor-area>.muted:first-of-type{margin:0 0 14px}
.wall-opening-editor .window-editor-area #windowList:empty{display:none}

/* Wall and Window are independent inspector sections. */
.wall-opening-editor{margin:0;padding:0;border:0}
.wall-opening-editor .wall-editor-area,.wall-opening-editor .window-editor-area{margin:20px 0;padding:18px 0;border:0;border-top:1px solid #e4dfd5;border-radius:0;background:transparent}
.wall-opening-editor .wall-editor-area>h3,.wall-opening-editor .window-editor-area>h3{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--rw-ink)}

/* Keep library downloads compact; the wider workspace is reserved for photo imports. */
#addDialog.library-import[open]:has(#productReview:not([hidden])):not(.editing-source){width:min(640px,94vw);height:auto;max-height:90dvh;padding:22px 24px;overflow-y:auto}
#addDialog.library-import[open]:has(#productReview:not([hidden])):not(.editing-source)>#productReview{flex:none;overflow:visible}
#addDialog.library-import #importWorkspace{padding-top:28px;gap:12px}
#addDialog.library-import #importSourcePanel .reviewhero h3{font-size:17px}
#addDialog.library-import #sharedModelMatch{padding:9px 12px;margin-top:6px}
#addDialog.library-import #sharedModelMatch strong{font-size:12px}
#addDialog.library-import #sharedModelMatch p{font-size:11px;margin-top:3px}
#addDialog.library-import #importModelPanel .modelcompare{flex:none;height:clamp(200px,32dvh,280px);min-height:180px;max-height:280px;border-radius:14px}
#addDialog.library-import #importModelPanel #placeProduct{min-height:42px;font-size:14px}
@media(max-width:600px){#addDialog.library-import[open]:has(#productReview:not([hidden])):not(.editing-source){padding:18px}.library-import #specReview .three{gap:6px}}
#addDialog.library-import[open]:has(#productReview:not([hidden])):not(.editing-source){inset:50% auto auto 50%;transform:translate(-50%,-50%);margin:0}

#addDialog.library-import #sharedModelMatch{display:none!important}
#addDialog.library-import #importModelPanel:before{display:none}
#addDialog.library-import #importSourcePanel .reviewhero h3{font-size:22px;line-height:1.3;font-weight:700;letter-spacing:-.3px;text-align:left;margin:0;padding-right:32px}
#addDialog.library-import #importModelPanel #placeProduct{min-height:54px;padding:14px 18px;font-size:16px;font-weight:600;box-shadow:0 4px 10px #513a2418}
#addDialog.library-import #reviewTitle{font-size:22px!important;font-weight:700!important;line-height:1.3!important;text-align:left!important;align-self:stretch;width:100%;box-sizing:border-box}

#editor header .brand{gap:0;align-self:center}
#editor header .brand .project{line-height:1.25;margin-top:0;transform:translateY(-4px)}
.photo-upload-kind{display:block;margin:0 0 14px;font-size:12px}
.photo-upload-kind select{display:block;width:100%;margin-top:6px;padding:10px}
#uploadedImageOptions{margin:0 0 12px;font-size:11px}
#uploadedImageOptions[hidden],#uploadedImageOptions [hidden]{display:none!important}
#uploadedImageOptions label{display:block;margin:0 0 8px;font-size:11px}
#uploadedImageOptions select{display:block;width:100%;margin-top:5px;padding:9px}
#uploadedImageOptions button{font-size:11px;padding:7px 10px;min-height:30px}
#uploadedImageOptions p{font-size:10px;line-height:1.5;margin:8px 0;color:#886e64}
.artwork-crop-dialog{width:min(620px,94vw);max-height:92dvh;padding:24px;overflow:auto;border:1px solid #dbcbbf;border-radius:20px;background:#fdfaf7;color:#321c17}
.artwork-crop-dialog h2{font-size:22px;margin:0 0 8px}.artwork-crop-dialog p{font-size:12px;line-height:1.5;margin:0 0 16px}
.artwork-crop-dialog canvas{display:block;max-width:100%;height:auto;margin:0 auto 16px;touch-action:none;cursor:crosshair;border-radius:4px}
.artwork-crop-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.artwork-crop-fields label{font-size:11px}.artwork-crop-fields input{display:block;box-sizing:border-box;width:100%;padding:8px;margin-top:5px}
.artwork-crop-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}.artwork-crop-actions button{padding:10px 14px;font-size:12px}

/* The source confirmation now describes the actual submission, not browsing. */
#addDialog:not(.library-import) #importSourcePanel #generationPhotoNote:not([hidden]){display:block!important}

/* Keep the primary recommendation action and view controls aligned as one stack. */
#editor .scene-action-stack{position:absolute;right:20px;bottom:20px;display:flex;flex-direction:column;align-items:stretch;gap:10px;z-index:3}
#editor .scene-action-stack #recommendationsBtn{position:static!important;inset:auto!important;width:100%!important;height:auto!important;min-height:40px;padding:10px 16px;border:1px solid #511e22!important;border-radius:12px;background:#511e22!important;color:#fff6cf!important;cursor:pointer;box-shadow:0 4px 12px #511e2215;transform:none!important}
#editor .scene-action-stack #recommendationsBtn:hover{background:#64292e!important;border-color:#64292e!important}
#editor .scene-action-stack .scenecontrols{position:static!important;inset:auto!important;display:flex;justify-content:space-between;width:100%;box-sizing:border-box;margin:0}
@media(max-width:700px){#editor .scene-action-stack{right:14px;bottom:14px;gap:8px}#editor .scene-action-stack #recommendationsBtn{min-height:36px;padding:9px 13px}}

/* A generated result remains replaceable after review, including poor results. */
#addDialog.has-built-model.can-rebuild-model #customizeProduct{display:block!important}
#addDialog.has-built-model.can-rebuild-model .photo-cleanup-option:not([hidden]){display:flex!important}

#addDialog .sheet-close-dock #changeImportSource{top:17px;right:40px;min-height:30px;height:30px;margin:0;padding:6px 10px;pointer-events:auto}
#addDialog:has(#productReview[hidden]) #changeImportSource{display:none}
#addDialog #continueTrellis,#meshBuildTray #meshBuildContinue{background:#c17c70;border-color:#c17c70;color:#321c17;font-weight:700}
#addDialog #continueTrellis:hover,#meshBuildTray #meshBuildContinue:hover{background:#b66e63;border-color:#b66e63}

/* Each click target opens only its own inspector. */
#editor:not(.room-inspector) .details>.roomsettings{display:none}
#editor.window-inspector #selected,#editor.window-inspector #aiState{display:none}
#editor.window-inspector .details{display:flex!important;flex-direction:column}
#editor.window-inspector .selectiontitle{order:-1;margin-bottom:12px}
#editor #windowInspector[hidden]{display:none!important}
#editor #addRoomWindow{width:100%;margin:12px 0;background:var(--rw-sand);color:var(--rw-wordmark)}
#windowInspector .wall-editor-area{margin-top:0;border-top:0}
#windowInspector .wall-editor-area>h3{display:none}

/* The numbered room diagram is the entry point for window editing. */
#windowInspector .window-diagram-card{background:#f3eee6;border:1px solid #e5dace;border-radius:14px;padding:12px}
#windowInspector .window-diagram-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
#windowInspector .window-diagram-heading strong{font-size:12px;color:var(--rw-ink)}
#windowInspector #addDiagramWindow{background:#915851;color:#fff6e6;border-color:#915851;white-space:nowrap;min-height:34px;padding:7px 10px}
#windowInspector .wall-picker-plan{display:block;width:100%;height:auto;aspect-ratio:4/3;background:transparent;margin:10px 0}
#windowInspector .diagram-wall-hit{stroke:transparent;stroke-width:18}
#windowInspector .diagram-window-hit{stroke:transparent;stroke-width:20}
#windowInspector .diagram-window-opening{stroke:#915851;stroke-width:6;paint-order:stroke;filter:drop-shadow(0 1px 1px #fff)}
#windowInspector .diagram-window-leader{stroke:#ba9386;stroke-width:1}
#windowInspector .diagram-window-badge-hit{fill:transparent}
#windowInspector .diagram-window-badge{fill:#fffaf3;stroke:#915851;stroke-width:1.3}
#windowInspector .diagram-window text{font:600 10px Arial,sans-serif;fill:#511e22;stroke:none;pointer-events:none}
#windowInspector .diagram-window.is-editing .diagram-window-badge,#windowInspector .diagram-window:hover .diagram-window-badge,#windowInspector .diagram-window:focus .diagram-window-badge{fill:#511e22;stroke:#511e22}
#windowInspector .diagram-window.is-editing text,#windowInspector .diagram-window:hover text,#windowInspector .diagram-window:focus text{fill:#fff6cf}
#windowInspector .diagram-window.is-editing .diagram-window-opening{stroke:#511e22;stroke-width:7}
#windowInspector #windowDiagramHint{margin:0;color:#80695f;font-size:11px}
#windowInspector #windowList{display:grid;gap:6px;margin:12px 0}
#windowInspector .window-select-row{display:flex;width:100%;align-items:center;gap:9px;text-align:left;background:transparent;border-color:#e5dace;padding:10px;min-height:42px}
#windowInspector .window-select-row strong{font-size:12px}
#windowInspector .window-select-row span{flex:1;font-size:11px;font-weight:400;color:#886e64}
#windowInspector .window-select-row small{font-size:10px;color:#915851}
#windowInspector .window-select-row[aria-expanded=true]{background:#f2e6dc;border-color:#ba9386}
#windowInspector .window-select-row[aria-expanded=true] small{color:#511e22;font-weight:700}
#windowInspector .window-details-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}
#windowInspector .window-details-heading h3{margin:0;font-size:16px;color:#511e22}
#windowInspector #closeWindowDetails{border:0;background:transparent;font-size:20px;line-height:1;padding:2px 8px;min-height:28px;color:#886e64}
#windowInspector .window-editing-status{margin:5px 0 18px;font-size:11px;color:#915851;line-height:1.5}
#windowInspector #saveWindow{width:100%;background:#915851;border-color:#915851;color:#fff6e6}
#windowInspector #removeSelectedWindow{color:#915851;background:transparent;margin-top:8px}
/* Keep the diagram and its Add action visible while details scroll below. */
#editor.window-inspector .details{overflow:hidden}
#editor.window-inspector .selectiontitle{flex:none}
#windowInspector{display:flex;flex:1;min-height:0;flex-direction:column}
#windowInspector .wall-opening-editor{display:flex;flex:1;min-height:0;flex-direction:column}
#windowInspector .window-diagram-card{flex:none}
#windowInspector .wall-picker-plan{height:auto;aspect-ratio:1;margin:12px 0}
#windowInspector #windowDetails{flex:1;min-height:0;overflow-y:auto;margin:12px 0 0;padding:12px 3px 12px 0;scrollbar-width:thin}
#windowInspector #windowList{flex:1;min-height:0;overflow-y:auto;align-content:start}
#windowInspector:has(#windowDetails:not([hidden])) #windowList{display:none}
.window-placement-guides{opacity:.7}
.window-placement-guides line{stroke:#947265;stroke-width:1;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}
.window-placement-guides .guide-tick{stroke-dasharray:none}
.window-resize-overlay .window-placement-dimension{opacity:.9;font-size:10px;padding:3px 6px;background:#fcf9f2ed}
.window-resize-overlay.is-dragging .window-placement-guides,.window-resize-overlay.is-dragging .window-placement-dimension{opacity:1}
#windowInspector [data-window-wall]:hover line:not(.diagram-wall-hit),#windowInspector [data-window-wall]:focus line:not(.diagram-wall-hit){stroke:#915851;stroke-width:4}

/* Product sources and pattern/model controls use the same two-column workspace. */
#addDialog #importModelPanel #photoSurfaceControls{flex:none;margin:0;padding:12px 14px;border-radius:14px}
#addDialog #importModelPanel #photoSurfaceControls h3{font-size:14px;margin:0 0 8px}
#addDialog #importModelPanel #photoSurfaceControls label{font-size:12px;margin:0 0 8px}
#addDialog #importModelPanel #photoSurfaceControls p{font-size:11px;line-height:1.45;margin:8px 0}
#addDialog #importModelPanel #photoSurfaceControls #buildPhotoSurface{min-height:38px;font-size:13px;margin-top:6px;padding:9px 12px}
@media(min-width:601px){
 #addDialog[open]:has(#productReview:not([hidden])):not(.editing-source),#addDialog.library-import[open]:has(#productReview:not([hidden])):not(.editing-source){width:min(1000px,94vw);height:min(780px,94dvh);max-height:94dvh;overflow:hidden;padding:24px 28px}
 #addDialog[open]:has(#productReview:not([hidden])):not(.editing-source)>#productReview,#addDialog.library-import[open]:has(#productReview:not([hidden])):not(.editing-source)>#productReview{display:flex!important;flex:1;min-height:0;overflow:hidden}
 #addDialog #importWorkspace,#addDialog.library-import #importWorkspace{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;padding-top:42px;min-height:0}
 #addDialog #importSourcePanel,#addDialog.library-import #importSourcePanel{min-height:0;overflow-y:auto;padding:0 6px 12px 0;scrollbar-width:thin}
 #addDialog #importModelPanel,#addDialog.library-import #importModelPanel{min-height:0;overflow-y:auto;padding:0 6px 12px 0;scrollbar-width:thin;gap:12px}
 #addDialog #importModelPanel .modelcompare,#addDialog.library-import #importModelPanel .modelcompare{flex:none;height:clamp(190px,30dvh,300px);min-height:190px;max-height:300px}
 #addDialog #importSourcePanel .reviewhero,#addDialog.library-import #importSourcePanel .reviewhero{display:flex!important;flex-direction:column;gap:14px}
 #addDialog #importSourcePanel .reviewhero>img,#addDialog.library-import #importSourcePanel .reviewhero>img{height:clamp(210px,36dvh,340px);width:100%;object-fit:contain;flex:none}
 #addDialog.library-import #importSourceHeading{display:block!important;font-size:14px;margin:0 0 14px}
 #addDialog.library-import #reviewTitle{font-size:20px!important;padding-right:0}
 #addDialog #importModelPanel:before{display:none}
}

/* A shared-library model for a real listing can be rebuilt: show the build controls on the library screen too. */
html body #addDialog.library-import.can-rebuild-model #importModelPanel .custombuild>#customizeProduct:not([hidden]){display:block!important}
html body #addDialog.library-import.can-rebuild-model #importModelPanel .custombuild>.photo-cleanup-option:not([hidden]){display:flex!important}
html body #addDialog.library-import.can-rebuild-model #importModelPanel .custombuild>#buildPlanNote:not([hidden]),html body #addDialog.library-import.can-rebuild-model #importModelPanel .custombuild>#customBuildStatus:not([hidden]){display:block!important}
/* Breathing room between the product photo and the photo buttons, and between the two buttons. */
html body #addDialog.library-import #importSourcePanel #cropBuildPhoto,html body #addDialog.library-import #importSourcePanel #cropBuildPhoto[hidden]+#replaceBuildPhoto{margin-top:20px!important}
html body #addDialog #importSourcePanel #cropBuildPhoto:not([hidden])+#replaceBuildPhoto{margin-top:10px!important}

/* Build progress: a calm bar that keeps moving, with the step and time left. */
.build-progress{display:flex;flex-direction:column;gap:7px;margin:2px 0 4px}
.build-progress[hidden],.build-progress-bar[hidden]{display:none!important}
.build-progress-bar{height:6px;border-radius:3px;background:#efe6dd;overflow:hidden}
.build-progress-bar>i{display:block;height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,#b07a6c,#8f5b52);transition:width .6s ease}
.build-progress small{font-size:12px;color:#886e64;line-height:1.4}
.mesh-build-tray .build-progress-bar{margin:6px 0 4px;min-width:180px}
html body #addDialog.library-import.can-rebuild-model #importModelPanel .custombuild>#buildProgress:not([hidden]){display:flex!important}

/* Uploaded photos: the person names the item; show the name field with the dimensions. */
html body #addDialog.uploaded-item #specReview>label:has(#productName){display:block!important;margin:0 0 12px}
html body #addDialog.uploaded-item #specReview #productName{width:100%;box-sizing:border-box}
#addDialog label.needs-input input{border-color:#b9675a!important;box-shadow:0 0 0 3px #b9675a22}
/* Drop photos onto the import window. */
#addDialog.drop-target::after{content:'Drop photos to import';position:absolute;inset:14px;display:flex;align-items:center;justify-content:center;border:2px dashed #b07a6c;border-radius:18px;background:#faf6f1eb;color:#7a4f45;font-size:18px;font-weight:600;z-index:60;pointer-events:none}

/* Builder model downloads in the item panel. */
.model-export{margin:14px 0 4px;display:flex;flex-direction:column;gap:7px}
.model-export>span{font-size:12px;font-weight:600;color:#6d5a4f}
.model-export>div{display:flex;flex-wrap:wrap;gap:6px}
.model-export button{font-size:12px;padding:6px 10px;border-radius:9px;border:1px solid #e1d6cb;background:#fff;color:#5b463d;cursor:pointer}
.model-export button:disabled{opacity:.6;cursor:progress}
.model-export small{font-size:11px;color:#9b8a81}

/* Account at the top right: Sign in, or a round initial with a menu (like Google). */
header .account-area{position:relative;display:flex;align-items:center;margin-left:auto;padding-left:12px;z-index:40}
header .headright~.account-area{margin-left:12px}
html body .account-area .sign-in-top{min-height:36px;padding:8px 16px;border-radius:999px;border:1px solid #ffffffb8;background:transparent;color:#fff;font-size:13px;font-weight:600;cursor:pointer}
.account-area .sign-in-top:hover{background:#ffffff21}
html body .account-avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;max-width:36px;min-height:36px;max-height:36px;flex:0 0 36px;aspect-ratio:1;box-sizing:border-box;border-radius:50%;background:#c98f6b;color:#fff;font-size:16px;font-weight:700;border:2px solid #ffffffd9;cursor:pointer;padding:0;line-height:1}
html body .account-avatar:hover,html body .account-avatar[aria-expanded="true"]{background:#b97c58;box-shadow:0 0 0 4px #ffffff33}
html body .account-avatar.large{width:44px;height:44px;min-width:44px;max-width:44px;min-height:44px;max-height:44px;flex-basis:44px;font-size:19px;border:0;cursor:default}
.account-menu{position:absolute;top:calc(100% + 10px);right:0;width:270px;background:#fffdf9;border:1px solid #e7ddd2;border-radius:16px;box-shadow:0 14px 40px #3b221a2e;padding:14px;display:flex;flex-direction:column;gap:12px}
.account-menu[hidden]{display:none}
.account-menu-head{display:flex;align-items:center;gap:12px;padding:2px 2px 12px;border-bottom:1px solid #efe6dc}
.account-menu-head strong{display:block;font-size:14px;color:#3f2a24;word-break:break-word}
.account-menu-head #creditBalance{font-size:12px;color:#8a7468}
.account-menu-items{display:flex;flex-direction:column;gap:2px}
html body .account-menu-items>button{display:block;width:100%;text-align:left;background:transparent!important;border:0!important;color:#4a3530!important;font-size:13px;font-weight:500;padding:9px 10px;border-radius:9px;min-height:0;box-shadow:none}
html body .account-menu-items>button:hover,html body .account-menu-items>button:focus-visible{background:#f3ebe3!important}
html body .account-menu-items>button[hidden]{display:none}

/* Eye-level walk view. */
.walk-start{width:100%;margin:0 0 12px}
.walk-bar{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:center;gap:14px;max-width:min(860px,calc(100% - 32px));padding:12px 14px 12px 18px;background:#fffdf9f2;border:1px solid #e7ddd2;border-radius:16px;box-shadow:0 12px 34px #3b221a2e;z-index:30}
.walk-bar[hidden]{display:none}
.walk-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.walk-copy strong{font-size:14px;color:#3f2a24}
.walk-copy span{font-size:12px;color:#7a5e52}
.walk-copy small{font-size:11px;color:#9b8a81}
.walk-bar button{white-space:nowrap}
#room.walking{cursor:grab}
#room.walking:active{cursor:grabbing}
body.walk-mode .room-toolbar,body.walk-mode .view-switch{pointer-events:none;opacity:.35}

@media (hover:none),(max-width:820px){#viewWalk{display:none}}

.walk-stick{display:none;position:absolute;left:max(28px,env(safe-area-inset-left));bottom:max(28px,env(safe-area-inset-bottom));width:112px;height:112px;border-radius:50%;background:#ffffffd9;border:1px solid #e3d7cf;box-shadow:0 6px 20px #4a1f1f26;touch-action:none;user-select:none;z-index:6;cursor:grab}
body.walk-mode .walk-stick{display:block}
.walk-stick.active{cursor:grabbing;background:#fff}
.walk-stick-knob{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:#8c4a42;box-shadow:0 3px 10px #4a1f1f4d;transition:transform .12s ease-out;pointer-events:none}
.walk-stick.active .walk-stick-knob{transition:none}
.walk-stick-arrow{position:absolute;font-size:10px;color:#b49a8f;pointer-events:none;line-height:1}
.walk-stick-arrow.up{top:8px;left:50%;transform:translateX(-50%)}.walk-stick-arrow.down{bottom:8px;left:50%;transform:translateX(-50%)}
.walk-stick-arrow.left{left:9px;top:50%;transform:translateY(-50%)}.walk-stick-arrow.right{right:9px;top:50%;transform:translateY(-50%)}

.walk-fast{display:none;position:absolute;left:28px;bottom:52px;width:112px;padding:8px 0;border-radius:999px;border:1px solid #e3d7cf;background:#fffdf9f2;color:#6b3b33;font-size:13px;font-weight:600;cursor:pointer;z-index:6}
body.walk-mode .walk-fast{display:block}
.walk-fast[aria-pressed="true"]{background:#8c4a42;border-color:#8c4a42;color:#fff}
body.walk-mode .floor-picker{visibility:hidden}
/* Joystick stays out of the way: see-through until you reach for it. */
.walk-stick{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 4px 14px #4a1f1f14;backdrop-filter:blur(2px);transition:background .2s,box-shadow .2s}
.walk-stick .walk-stick-knob{background:#8c4a42b3;box-shadow:0 2px 8px #4a1f1f26}
.walk-stick .walk-stick-arrow{color:#8c6a5ea6}
.walk-stick:hover,.walk-stick.active{background:#ffffffd9;box-shadow:0 6px 20px #4a1f1f26}
.walk-stick:hover .walk-stick-knob,.walk-stick.active .walk-stick-knob{background:#8c4a42}
.walk-fast{background:#ffffff4d;border-color:#ffffff80;color:#6b3b33cc;backdrop-filter:blur(2px);transition:background .2s,color .2s}
.walk-fast:hover{background:#fffdf9f2;color:#6b3b33}
.walk-fast[aria-pressed="true"]{background:#8c4a42d9;color:#fff}
.walk-help{width:36px;height:36px;padding:0;border-radius:50%;font-weight:700;flex:none}

/* Walk bar: compact and see-through so it covers less of the view; solid on hover. */
.walk-bar{bottom:14px;gap:10px;padding:7px 8px 7px 14px;background:#fffdf973;border-color:#ffffff99;box-shadow:0 6px 20px #3b221a1f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .2s}
.walk-bar:hover,.walk-bar:focus-within{background:#fffdf9e6}
.walk-copy strong{font-size:13px}
.walk-copy span{font-size:11.5px}
.walk-bar button{min-height:34px;height:34px;padding:0 14px;font-size:13px;border-radius:999px}
.walk-bar button:not(.dark){background:#ffffffa6}
.walk-bar .walk-help{width:34px;padding:0}

/* Credit balance beside the account avatar (opens Buy credits). */
html body .account-area .credit-pill{display:inline-flex;align-items:center;gap:6px;min-height:34px;margin-right:10px;padding:6px 13px;border-radius:999px;border:1px solid #ffffff59;background:#ffffff14;color:#fff6ef;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}
html body .account-area .credit-pill[hidden]{display:none}
html body .account-area .credit-pill:hover{background:#ffffff26}
.account-area .credit-pill svg{width:15px;height:15px;flex:none;opacity:.85}
/* Room panel: the two outline buttons stack full width with space between. */
#reference,#editRoomShape{display:flex;width:100%;align-items:center;justify-content:center;gap:6px;margin:12px 0 0;box-sizing:border-box}
#editRoomShape+#roomStats,#reference+#roomStats{margin-top:12px}
#reference[hidden]{display:none}
/* Keep copying within easy reach of the selected model. */
#editor .selection-preview{position:relative}
#editor .selection-duplicate{position:absolute;top:0;right:0;display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:0;border:1px solid #d9c8ba;border-radius:50%;background:#fffdf7;color:#511e22;transition:background .16s,border-color .16s,box-shadow .16s}
#editor .selection-duplicate svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#editor .selection-duplicate:hover,#editor .selection-duplicate:focus-visible{background:#e8ddd1;border-color:#cbb6a7;box-shadow:0 2px 8px #511e2214}
@media(prefers-reduced-motion:reduce){#editor .selection-duplicate{transition:none}}

#editor .roomsettings .room-opening-actions{display:flex;gap:8px;margin-top:32px}
#editor .roomsettings .room-opening-actions #addRoomWindow,#editor .roomsettings .room-opening-actions #addRoomDoor{flex:1;min-width:0;width:auto;margin:0;display:flex;align-items:center;justify-content:center;height:42px;min-height:42px;padding:8px 6px;border:1px solid #d9c8ba;border-radius:999px;background:#fffdf7;color:#511e22;font-family:inherit;font-size:13px;font-weight:600;line-height:1.2;box-shadow:none;white-space:nowrap;transition:background .16s,border-color .16s,box-shadow .16s}
#editor .roomsettings .room-opening-actions #addRoomWindow:hover,#editor .roomsettings .room-opening-actions #addRoomDoor:hover,#editor .roomsettings .room-opening-actions #addRoomWindow:focus-visible,#editor .roomsettings .room-opening-actions #addRoomDoor:focus-visible{background:#e8ddd1;border-color:#cbb6a7;box-shadow:0 2px 8px #511e2214}
/* Separate callouts stay readable when openings cluster along a wall. */
#windowInspector .diagram-leader-layer{pointer-events:none}
#windowInspector .diagram-leader-halo{stroke:#fffdf7;stroke-width:3.5;stroke-linecap:round}
#windowInspector .diagram-window-leader{stroke:#ac988c;stroke-width:1;stroke-linecap:round}
#windowInspector .diagram-window-leader.is-editing{stroke:#511e22;stroke-width:1.5}
#windowInspector .diagram-window-opening{stroke:#799da9;stroke-width:5;stroke-linecap:butt;filter:none}
#windowInspector .diagram-window.is-door .diagram-window-opening{stroke:#9e8371}
#windowInspector .diagram-window-anchor{fill:#fffdf7;stroke:#799da9;stroke-width:1.4;pointer-events:none}
#windowInspector .diagram-window.is-editing .diagram-window-opening{stroke:#511e22;stroke-width:6}
#windowInspector .diagram-window.is-editing .diagram-window-anchor{stroke:#511e22}
#windowInspector .diagram-window text{font:600 13px Helvetica,Arial,sans-serif}

/* Direct retailer links on furniture cards. */
#editor #furnitureList .piece{position:relative}
#editor #furnitureList .piece .placementtoggle{padding-right:36px}
#editor #furnitureList .piece-product-link{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:var(--rose,#945a51);text-decoration:none;background:transparent;z-index:1}
#editor #furnitureList .piece-product-link svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#editor #furnitureList .piece-product-link:hover{background:#eee2d7;color:#531e24}
#editor #furnitureList .piece-product-link:focus-visible{outline:2px solid #945a51;outline-offset:2px}

/* Shift-selection should select furniture, while inputs keep native text editing. */
#furnitureList .piece{user-select:none;-webkit-user-select:none}
#furnitureList .piece input{user-select:text;-webkit-user-select:text}
#editor #selected .group-selection-help{display:block!important;font-size:12px;line-height:1.5;color:#8d7168;margin:12px 0}
#editor #selected .group-selection-actions{display:flex!important;flex-wrap:wrap;gap:8px;margin-top:16px}
#editor #selected .group-selection-actions button{display:inline-flex!important;align-items:center;justify-content:center;padding:9px 12px;border:1px solid #dfd2c5;border-radius:12px;background:#fffdf9;color:#604139;font:inherit;font-size:12px}
/* InPlace rebrand: dusty rose header, cream wordmark from the brand artwork. */
:root{--rw-header:#b98074;--rw-header-line:#a96f63;--rw-header-ink:#ffffff}
#editor header,.library-page>header,body>header{background:var(--rw-header)!important;border-bottom-color:var(--rw-header-line)!important}
#editor header .logo,.library-page>header .logo,body>header .wordmark{display:inline-flex;align-items:center;line-height:0}
.inplace-wordmark{display:block;height:34px;width:auto}
@media(max-width:700px){.inplace-wordmark{height:28px}}
#editor header .toolbar .switch button:not(.active){color:var(--rw-header-ink)!important}
/* "Your furniture" card: light olive from the brand green (#98894d). */
#editor .furniture-actions{background:#d6cfae!important;border-color:#c4bb93!important}
/* White header controls for readability on the rose header. */
#editor header #roomLabel,#editor header .header-room-picker>summary,#editor header .editor-tools>button,#editor header .editor-tools>a,#editor header .toolbar>button,#editor header .toolbar .switch button:not(.active){color:#fff!important}
#editor header .header-room-picker>summary svg,#editor header .editor-tools>button svg,#editor header .toolbar>button svg{color:#fff;stroke:currentColor}
#editor header .viewactions>button{color:#fff!important}
/* Homepage, matched to the Nov 2026 prototype: Futura regular wordmark (Jost where Futura isn't installed), dark olive letters with the lighter olive mark, dusty rose copy, olive button. */
#welcome .welcome-word,#welcome .welcome-word *{font-family:Futura,'Futura PT',Jost,'Century Gothic','Avenir Next',sans-serif!important;font-weight:400!important;font-stretch:normal!important;font-variation-settings:normal!important;color:#665e3a!important}
#welcome .welcome-word{font-size:min(11.9vw,21.2vh)!important;letter-spacing:.079em!important;line-height:1!important;top:3.6vh!important;white-space:nowrap}
#welcome .welcome-mark{display:inline-block;width:.52em;height:.69em;margin-left:.3em;vertical-align:-.03em;background:#98894d!important;-webkit-mask:url(/assets/inplace-mark.png) center/contain no-repeat;mask:url(/assets/inplace-mark.png) center/contain no-repeat}
#welcome .welcome-slogan,#welcome #landingNote,#welcome .welcome-bottom p,#welcome .welcome-bottom small{color:#b98074!important}
#welcome .welcome-bottom{bottom:1.2vh!important}
#welcome #startBtn{background:#98894d!important;border-color:#98894d!important;color:#fff!important;min-width:20vw!important;height:clamp(44px,5.9vh,66px)!important}
#welcome #startBtn:hover{background:#86783f!important;border-color:#86783f!important}
#welcome #welcomeAccountBtn,#welcome #welcomeModeBtn{color:#b98074!important;border-color:#e6d2cb!important}
#welcome canvas#welcomeRoom.is-rotatable{pointer-events:auto!important;cursor:grab;touch-action:none}
#welcome canvas#welcomeRoom.is-rotatable:active{cursor:grabbing}
@media(max-width:1240px){#welcome .welcome-word{top:max(3.6vh,78px)!important}}
@media(max-width:650px){#welcome .welcome-word{font-size:13.5vw!important}}

/* Wall finishes use the same chooser as furniture, with separate wallpaper controls. */
#wallFinishPanel .wall-paint-color{flex-basis:100%;margin-top:6px}
#wallFinishPanel .wall-paint-color summary{width:100%;min-height:34px;box-sizing:border-box}
#wallFinishPanel .wall-paint-color .color-popover-content{z-index:60}
#wallFinishPanel .wall-swatches + .wall-finish-heading{margin-top:22px;padding-top:16px;border-top:1px solid #e7ddd2}
#wallFinishPanel .wall-paper-row{align-items:flex-end;gap:12px}
#wallFinishPanel .wall-paper-size input{height:32px;min-height:32px;max-height:32px;padding:4px 8px;box-sizing:border-box;line-height:1.2}
#wallFinishPanel > input[hidden]{display:none!important}
/* Matching room finish controls. */
#editor .floor-picker{align-items:center;gap:10px}
#editor .floor-picker .floor-choice{font-size:0;gap:0;margin:0}
#editor .floor-picker .flooring-select,#editor .floor-picker .wall-finish-picker{width:146px;flex:0 0 146px}
#editor .floor-picker .flooring-select .mac-select-button,#editor .floor-picker #wallFinishBtn{display:flex;align-items:center;justify-content:flex-start;gap:9px;width:146px;height:42px;min-height:42px;box-sizing:border-box;margin:0;padding:7px 12px;border:1px solid #d9cbbd;border-radius:12px;background:#fffdf7;color:var(--rw-ink);font-family:inherit;font-size:12px;font-weight:500;box-shadow:0 2px 6px #48302608;transition:background 180ms,border-color 180ms}
#editor .floor-picker .flooring-select .mac-select-button:hover,#editor .floor-picker #wallFinishBtn:hover{background:#f3ece3;border-color:#bb9584}
#editor .floor-picker .flooring-select .mac-select-button:before,#editor .floor-picker .flooring-select .mac-select-button:after{display:none}
#editor .floor-picker .flooring-select .mac-select-button .flooring-swatch,#editor .floor-picker .wall-finish-chip{width:26px;height:26px;min-width:26px;flex:0 0 26px;border:1px solid #d4c8b9;border-radius:7px;box-sizing:border-box;object-fit:cover}
/* Homepage composition from the supplied reference. */
#welcome{height:100svh;min-height:560px;overflow:hidden;isolation:isolate;background:#fffdf7}
#welcome .welcome-word{position:absolute!important;inset:0!important;width:auto!important;height:auto!important;margin:0!important;transform:none!important;opacity:1!important;pointer-events:none;z-index:3;font-size:inherit!important;letter-spacing:normal!important}
#welcome .welcome-word .welcome-initial{position:absolute;left:5.6vw;top:0;bottom:4.8vh;width:2.2vw;background:#e5a122}
#welcome .welcome-word .welcome-word-text{position:absolute;left:12vw;bottom:4.8vh;font-family:Futura,'Futura PT',Jost,'Century Gothic',sans-serif!important;font-size:22vw!important;font-weight:500!important;letter-spacing:.025em!important;line-height:.82!important;color:#e5a122!important;white-space:nowrap}
#welcome canvas#welcomeRoom{position:absolute!important;left:50%!important;top:44vh!important;width:70vw!important;height:84vh!important;max-width:none!important;max-height:none!important;margin:0!important;transform:translate(-50%,-50%)!important;scale:1!important;z-index:2}
#welcome .welcome-slogan{position:absolute;z-index:4;top:2.2vh;left:49vw;right:2vw;margin:0!important;color:#d79e2b!important;font-family:Futura,'Futura PT',Jost,'Century Gothic',sans-serif!important;font-weight:500;font-size:clamp(28px,3.4vw,64px);line-height:1.2;letter-spacing:.005em;pointer-events:none}
#welcome .welcome-typed{visibility:hidden}
#welcome .welcome-typed.is-typing:after{content:'';display:inline-block;height:.85em;margin-left:.06em;border-right:2px solid currentColor;vertical-align:-.05em;animation:hero-caret .85s steps(1) infinite}
@keyframes hero-caret{50%{opacity:0}}
#welcome .welcome-bottom{position:absolute!important;inset:auto 4vw 5vh auto!important;width:clamp(104px,11vw,184px);height:clamp(104px,11vw,184px);margin:0;text-align:center;z-index:5;transition:opacity 240ms ease}
#welcome #startBtn{display:flex;align-items:center;justify-content:center;min-width:0!important;width:100%!important;height:100%!important;min-height:0!important;padding:12px!important;border:0!important;border-radius:50%!important;background:#b94926!important;color:white!important;font-family:Jost,Helvetica,Arial,sans-serif;font-size:clamp(14px,1.25vw,22px);font-weight:500;text-align:center;line-height:1.3;white-space:nowrap;transition:background 180ms,transform 180ms}
#welcome #startBtn:hover{background:#a43d20!important;transform:translateY(-3px)}
#welcome #startBtn span,#welcome .landing-note,#welcome .landing-secondary{display:none!important}
#welcome .welcome-account{left:10vw;right:auto;top:18px;z-index:6}
#welcome #welcomeAccountBtn,#welcome #welcomeModeBtn{font-size:12px;color:#978264!important;border-color:#e8ddc5!important;background:#fffdf7b3}
@media(max-width:700px){#welcome .welcome-account{left:10vw;top:12px;gap:6px}#welcome #welcomeAccountBtn,#welcome #welcomeModeBtn{font-size:11px;padding:6px 10px;min-height:32px}#welcome .welcome-slogan{left:11vw;right:6vw;top:10vh;font-size:clamp(24px,6vw,36px);line-height:1.18}#welcome canvas#welcomeRoom{top:48vh!important;width:100vw!important;height:58vh!important}#welcome .welcome-word .welcome-initial{left:4vw;width:2.5vw;bottom:5vh}#welcome .welcome-word .welcome-word-text{left:10vw;bottom:5vh;font-size:22vw!important}#welcome .welcome-bottom{right:5vw!important;bottom:18vh!important;width:96px;height:96px}#welcome #startBtn{font-size:13px}}
@media(prefers-reduced-motion:reduce){#welcome .welcome-typed.is-typing:after{animation:none}#welcome .welcome-bottom,#welcome #startBtn{transition:none}}
/* Equal compact finish controls, with a round paint swatch. */
#editor .floor-picker .flooring-select,#editor .floor-picker .wall-finish-picker{width:136px;min-width:0;flex-basis:136px}
#editor .floor-picker .flooring-select .mac-select-button,#editor .floor-picker #wallFinishBtn{width:136px}
#editor .floor-picker .wall-finish-chip{border-radius:50%}
/* A shared bottom edge and one typeface throughout the homepage. */
#welcome,#welcome *{font-family:Futura,'Futura PT',Jost,'Century Gothic',sans-serif!important}
#welcome .welcome-bottom{bottom:4.8vh!important}
@media(max-width:700px){#welcome .welcome-bottom{bottom:5vh!important;width:88px;height:88px}#welcome .welcome-word .welcome-word-text{font-size:18vw!important}}
/* Homepage palette sampled from the supplied reference. */
#welcome .welcome-word .welcome-initial{background:#c57f73}
#welcome .welcome-word .welcome-word-text{color:#c57f73!important}
#welcome .welcome-slogan{color:#232e43!important}
#welcome #startBtn{background:#e1b323!important}
#welcome #startBtn:hover{background:#c99d1c!important}
/* Split homepage composition, matching the supplied reference. */
#welcome{background:#f5f1e9;min-height:560px}
#welcome .welcome-word{inset:21vh auto auto 4.7vw!important;display:flex;align-items:center;width:53vw!important;height:auto!important;gap:.25em;font-size:12.5vw!important;line-height:1!important;white-space:nowrap}
#welcome .welcome-word .welcome-word-text{position:static;display:block;bottom:auto;left:auto;font-size:1em!important;font-weight:500!important;line-height:1!important;letter-spacing:.015em!important;color:#222f42!important;translate:none!important}
#welcome .welcome-word .welcome-brand-mark{display:block;flex:0 0 auto;width:.56em;height:.84em;overflow:visible}
#welcome .welcome-slogan{top:48.6vh;left:4.9vw;right:auto;width:54vw;font-size:3.6vw;line-height:1.23;color:#c37d71!important;letter-spacing:.005em}
#welcome canvas#welcomeRoom{left:78.4vw!important;top:49.5vh!important;width:40vw!important;height:68vh!important}
#welcome .welcome-bottom{inset:74.4vh auto auto 20.4vw!important;width:20vw;height:5.9vh;min-height:44px}
#welcome #startBtn{border-radius:999px!important;background:#343619!important;font-size:1.35vw;font-weight:500;color:#fffdf7!important}
#welcome #startBtn:hover{background:#474a25!important}
#welcome .welcome-account{left:auto;right:24px;top:18px}
@media(max-width:700px){#welcome{min-height:700px}#welcome .welcome-account{left:auto;right:14px;top:12px}#welcome .welcome-word{inset:14vh auto auto 7vw!important;width:86vw!important;font-size:19vw!important;gap:.18em}#welcome .welcome-word .welcome-word-text{font-size:1em!important}#welcome .welcome-slogan{top:29vh;left:7vw;right:7vw;width:auto;font-size:clamp(22px,5.6vw,34px);line-height:1.25}#welcome canvas#welcomeRoom{left:50vw!important;top:61vh!important;width:86vw!important;height:43vh!important}#welcome .welcome-bottom{inset:auto auto 5vh 50%!important;transform:translateX(-50%);width:60vw;height:46px}#welcome #startBtn{font-size:16px}}

/* Homepage refinements from the supplied logo and color reference. */
#welcome .welcome-slogan{font-size:2.7vw;text-wrap:balance}
#welcome #startBtn{background:#995f48!important}
#welcome #startBtn:hover{background:#87523e!important}
@media(max-width:700px){#welcome .welcome-slogan{font-size:clamp(18px,4.35vw,30px)}}

/* Editor branding matched to the supplied rose header and homepage navy. */
:root{--rw-header:#b97f75;--rw-header-line:#ac7268}
.inplace-wordmark{height:44px;width:auto;margin:-5px 0}
#editor .furniture-actions{background:#222f42!important;border-color:#222f42!important}
#editor .furniture-actions h2,#editor .furniture-actions .paneltitle,#editor .furniture-actions .paneltitle>span{color:#f1ebc9!important}
#editor .furniture-actions .muted{color:#eee7d9!important}
@media(max-width:700px){.inplace-wordmark{height:36px;margin:-4px 0}}

/* Maintain contrast on navy and refresh cached header artwork. */
#editor aside .furniture-actions p.muted{color:#eee7d9!important}
#editor .furniture-actions #personBtn{background:#fffdf7!important;border-color:#fffdf7!important;color:#5b3d38!important}
#editor .inplace-wordmark{content:url('/assets/inplace-wordmark.png?v=20261103-cream')}

/* White copy on navy, navy copy on the light furniture action buttons. */
#editor aside .furniture-actions h2,#editor aside .furniture-actions .paneltitle,#editor aside .furniture-actions .paneltitle>span,#editor aside .furniture-actions p.muted{color:#ffffff!important}
#editor .furniture-actions #addBtn,#editor .furniture-actions .library-download-button,#editor .furniture-actions #personBtn{color:#222f42!important}

/* The cream logo has transparent surroundings; show complete selected floor names. */
#editor .inplace-wordmark{content:normal}
#editor .floor-picker .flooring-select{width:auto;min-width:190px;flex:0 0 auto}
#editor .floor-picker .flooring-select .mac-select-button{width:auto;min-width:190px;white-space:nowrap}

/* Slightly larger header wordmark and icon, in the page background cream. */
#editor .inplace-wordmark{height:50px;margin:-8px 0;color:var(--rw-page,#fffdf7)}
@media(max-width:700px){#editor .inplace-wordmark{height:42px;margin:-7px 0}}

/* Keep field focus inside its border so adjacent units remain unobstructed. */
html body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),textarea,select):focus,
html body .mac-select-button:focus-visible,
html body #sketchDialog .sketch-details #sketchWalls .sketch-wall-inline input:focus{outline:2px solid var(--rw-burgundy,#915851);outline-offset:-2px;border-color:var(--rw-burgundy,#915851);box-shadow:none}

/* Room setup uses the current InPlace rose and cream brand accents. */
#setup{--setup-accent:#b97f75;--setup-highlight:#f1e2de}
#setup .room-start-icon{background:var(--rw-page,#fffdf7);color:var(--setup-accent)}
#setup .room-start-arrow{color:var(--setup-accent)}
#setup .room-start-featured{background:var(--setup-highlight);border-color:var(--setup-accent);box-shadow:0 2px 8px #b97f7510}
#setup .room-start-featured .room-start-icon{background:var(--setup-accent);color:var(--rw-page,#fffdf7)}
#setup .room-start-option:hover,#setup .room-start-option[aria-expanded=true]{background:#ead3cc;border-color:var(--setup-accent)}
#setup .room-start-option:focus-visible{outline:2px solid var(--setup-accent);outline-offset:3px}
#setup #resumeRoom{color:#222f42}
#setup #resumeRoom:hover{background:var(--setup-highlight)}
/* Drawing labels stay unselected; inline measurements use neutral, readable controls. */
#sketchCanvas,#sketchCanvas *{-webkit-user-select:none;user-select:none}
#sketchDialog .sketch-details #sketchWalls .sketch-wall-row>.sketch-wall-inline{background:var(--rw-page,#fffdf7);border-color:#decfc1;height:auto;min-height:40px;grid-template-columns:auto minmax(0,1fr) 30px}
#sketchDialog .sketch-details #sketchWalls .sketch-wall-inline button[type=submit]{display:grid;place-items:center;width:30px;min-width:30px;height:30px;min-height:30px;padding:5px;border:0;border-radius:50%;background:var(--rw-burgundy,#915851);color:#fffdf7}
#sketchDialog .sketch-details #sketchWalls .sketch-wall-inline button[type=submit]:hover{background:#713e39}
#sketchDialog .sketch-details #sketchWalls .sketch-wall-inline .simple-check{width:20px;height:20px;stroke-width:2.6}
#sketchDialog .sketch-details #sketchWalls .sketch-field-error{grid-column:1/-1;margin:2px 0 3px;font-size:12px;line-height:1.4;color:#9b2f2f;white-space:normal}
#sketchCanvas .sketch-dimension{transition:fill 150ms ease,stroke 150ms ease;cursor:pointer}
#sketchCanvas .sketch-set-length{stroke-width:8;stroke-linejoin:round;stroke-linecap:round}
#sketchCanvas .sketch-set-length:hover{fill:#fffdf7;stroke:#915851;text-decoration:none}
#sketchDialog .sketch-name>span{display:block;margin-bottom:8px}
#sketchDialog #closeSketch{transition:background-color 160ms ease,color 160ms ease,transform 160ms ease}
#sketchDialog #closeSketch:hover,#sketchDialog #closeSketch:focus-visible{background:#915851;color:#fffdf7;transform:scale(1.06)}
#sketchDialog #closeSketch:active{transform:scale(.96)}
@media(prefers-reduced-motion:reduce){#sketchDialog #closeSketch{transition:none}}
/* Cream furniture actions with visible hover feedback on the navy card. */
#editor .furniture-actions #addBtn,#editor .furniture-actions .library-download-button,#editor .furniture-actions #personBtn{background:#f7f0e3!important;border-color:#f7f0e3!important;transition:background-color 160ms ease,border-color 160ms ease,box-shadow 160ms ease,transform 160ms ease}
#editor .furniture-actions #addBtn:hover,#editor .furniture-actions .library-download-button:hover,#editor .furniture-actions #personBtn:hover,#editor .furniture-actions #addBtn:focus-visible,#editor .furniture-actions .library-download-button:focus-visible,#editor .furniture-actions #personBtn:focus-visible{background:#e8dac4!important;border-color:#d4bfa0!important;box-shadow:0 4px 10px #101b2b24;transform:translateY(-2px)}
@media(prefers-reduced-motion:reduce){#editor .furniture-actions #addBtn,#editor .furniture-actions .library-download-button,#editor .furniture-actions #personBtn{transition:none;transform:none!important}}