/* Shared web/native first-use layout. */
.top-in,.top-right,.brand,.wiz,.wiz-step,.gen-card {min-width:0}
.top-in {flex-wrap:wrap;gap:8px}
.top-right {flex-wrap:wrap;max-width:100%;gap:6px}
.brand {white-space:normal}
#wiz {max-width:100%;box-sizing:border-box}
#wiz .wiz-cmp {max-height:none;aspect-ratio:4/3;overflow:hidden;max-width:640px;margin-left:auto;margin-right:auto}
#wizTrail {flex-wrap:wrap}
#wizTrail button {max-width:100%;white-space:normal}
#selectedPhotoPreview {max-width:100%;max-height:270px;object-fit:contain;border-radius:12px;margin:12px auto;display:block}
#selectedPhotoPreview[hidden] {display:none}
#clearDraft,#notifyReady {padding:10px 14px;border:1px solid var(--hair);border-radius:9px;background:white;color:var(--ink);font:inherit;margin:5px 5px 8px 0}
#imageUsage {font-weight:600}
#draftStatus:empty {display:none}
.gen-card {max-height:calc(100dvh - 24px);overflow-y:auto;box-sizing:border-box}
@media(max-width:600px){
 .top-in {padding:10px 12px!important}
 .top-right {margin-left:0!important}
 .brand {font-size:16px!important}
 .plan-pill {max-width:100%;white-space:normal}
 #wiz .wiz-cmp {max-height:none}
 .wiz-step {padding:16px!important}
 input,select,textarea {max-width:100%;box-sizing:border-box;font-size:16px!important}
 .mbar {max-width:100vw;box-sizing:border-box;flex-wrap:wrap}
 .gen-overlay {padding:12px!important;align-items:center}
}
@media(prefers-reduced-motion:reduce){html {scroll-behavior:auto!important}}

/* The guided steps own their actions; the classic uploader must not cover them. */
html.flow-guided #mbar {display:none!important}
html.flow-guided body {padding-bottom:env(safe-area-inset-bottom,0px)}
#wizLooksBar {padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));scroll-margin-bottom:100px}
.wiz-body {scroll-padding-bottom:100px}
#wiz.has-photo[data-step="go"] #wizCmp {display:none}
#wiz.has-photo.show-example[data-step="go"] #wizCmp {display:block}
#wiz:not([data-step="go"]):not([data-step="photo"]) #selectedPhotoWork,#wiz:not([data-step="go"]) #wizExampleToggle {display:none}
#selectedPhotoWork {padding:18px 22px 0;text-align:center}
#selectedPhotoWork h2 {margin:0;font:600 24px 'Fraunces',Georgia,serif}
#selectedPhotoPreview {max-height:360px;width:100%;object-fit:contain}
#wizExampleToggle {margin:8px auto;padding:10px 14px;border:1px solid var(--hair);border-radius:8px;display:block}
#wizExampleToggle[hidden],#selectedPhotoWork[hidden] {display:none}
.native-app #upSingleRow {display:none!important}
.wiz-step button:focus-visible,.drawer button:focus-visible,.gen-overlay button:focus-visible {outline:3px solid var(--cobalt);outline-offset:3px}
@media(min-width:1000px){#wiz.has-photo[data-step="go"]{max-width:900px}#selectedPhotoPreview{max-height:400px}}

#drawer[aria-hidden="true"] {visibility:hidden}

/* Clear, reachable controls on the existing sample comparison. */
.studio-compare-controls{display:flex;gap:4px;max-width:420px;margin:8px auto 16px;padding:4px;border:1px solid var(--hair,#e0e3da);border-radius:12px;background:#fff}
.studio-compare-controls[hidden]{display:none}
.studio-compare-controls button{flex:1;min-height:44px;border:0;border-radius:8px;background:transparent;color:var(--ink,#202722);font:600 13px Inter,sans-serif;cursor:pointer}
.studio-compare-controls button[aria-pressed="true"]{background:#e9edff;color:var(--cobalt,#2648e8)}
.studio-compare-controls button:focus-visible{outline:3px solid var(--cobalt,#2648e8);outline-offset:2px}

/* Photographic cues preserve the existing wizard controls and room values. */
#wizSpace .visual-space{padding:0 0 16px;overflow:hidden;display:flex;flex-direction:column;gap:6px}
#wizSpace .visual-space b,#wizSpace .visual-space span{margin:0 16px}
.space-photo{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block;margin-bottom:8px}
#wizKind{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#wizKind .visual-room{display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:0;overflow:hidden;gap:0}
.room-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
#wizKind .room-copy{padding:12px;display:flex;flex-direction:column;gap:4px}
#wizKind .room-symbol{padding:24px;align-self:center}
.inspiration-note{font-size:12px;color:var(--muted);margin:12px 0 0}
@media(min-width:760px){#wizKind{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:380px){#wizKind{gap:8px}#wizKind .room-copy{padding:10px}#wizKind .room-copy b{font-size:14px}}

.look-card{min-width:0;display:flex;flex-direction:column;border:1px solid var(--hair);border-radius:12px;overflow:hidden;background:#fff}
.look-card .wopt.look{border:0;border-radius:0;flex:1}
.look-card .wopt.look.sel{box-shadow:inset 0 0 0 2px var(--cobalt)}
.wopt.look .style-inspiration{aspect-ratio:3/2;object-fit:cover;height:auto}
.look-actions{display:flex;border-top:1px solid var(--hair-soft);gap:4px;padding:6px}
.look-actions button,.look-filters button{min-height:44px;border:0;border-radius:8px;background:transparent;color:var(--ink);font:600 12px Inter,sans-serif;cursor:pointer;padding:8px}
.look-actions .use-look{flex:1;background:var(--tint);color:var(--cobalt)}
.look-actions .save-look[aria-pressed=true]{color:var(--cobalt)}
.look-filters{grid-column:1/-1;display:flex;gap:8px}
.look-filters button{border:1px solid var(--hair);padding:8px 16px}
.look-filters button[aria-pressed=true]{background:var(--ink);color:white}
.look-actions button:focus-visible,.look-filters button:focus-visible{outline:3px solid var(--cobalt);outline-offset:-3px}
@media(max-width:380px){.look-actions{flex-wrap:wrap}.look-actions button{flex:1;white-space:nowrap}}

#wizJob .job-photo{flex:none;width:96px;height:72px;object-fit:cover;border-radius:7px}
#wizJob .job-copy{min-width:0;align-self:center}
@media(max-width:380px){#wizJob .job-photo{width:72px;height:64px}}

/* A wrapped account row must take real space, not overlap the wizard. */
.top-in{height:auto;min-height:58px}
@media(max-width:600px){.top-in{justify-content:flex-start}.top-in .brand{margin-right:auto}.top-right{width:100%}}

@media(max-width:600px){.look-actions .save-word{display:none}.look-actions .save-look{flex:none;min-width:44px}.look-actions .save-look>span{font-size:18px}.look-actions .use-look{min-width:0}}

/* A room idea is a single image, never a false before/after. */
#wiz .wiz-cmp.single-example .line,
#wiz .wiz-cmp.single-example .grip,
#wiz .wiz-cmp.single-example .tag.l,
#wiz .wiz-cmp.single-example input,
#wiz .wiz-cmp.single-example .compare-play {display:none}
#wiz .wiz-cmp.single-example .staged {clip-path:none}
#wiz .look-no-sample {display:grid;place-items:center;min-height:110px;padding:12px;background:#f3f1eb;color:#62665c;font-size:12px}

#wizCmp.single-example + .studio-compare-controls {display:none}

#wizPaintColour{display:block;width:100%;max-width:280px;height:70px;padding:4px;border:1px solid var(--hair);border-radius:8px;background:white;cursor:pointer}
#wizPaintHex{display:block;max-width:160px;font:16px ui-monospace,monospace;text-transform:uppercase}
#wizPaintError{font-size:13px;color:#a12a26;min-height:1em}
#wizLook[hidden],#wizPaintPicker[hidden]{display:none!important}

.decor-ideas{display:flex;gap:8px;flex-wrap:wrap;padding:10px 0 0;border-top:1px solid var(--hair);margin-top:8px}
.decor-heading{width:100%;font-size:11px;color:var(--muted)}
.decor-item{display:flex!important;align-items:center;gap:4px;font-size:11px!important;white-space:normal}
.decor-item svg{width:28px;height:28px;flex-shrink:0}

#wizNamedColour{margin:16px 0}#wizNamedColourSummary{cursor:pointer;font-size:14px;padding:8px 0}#wizNamedColourSummary[hidden]{display:none}
#wiz .decor-ideas{display:flex;gap:8px;flex-wrap:wrap}#wiz .decor-item{flex:1;min-width:70px}

/* Your upload and the sample are mutually exclusive views. */
#wiz.has-photo[data-step="go"]:not(.show-example) #wizCmp,
#wiz.has-photo[data-step="go"]:not(.show-example) .studio-compare-controls,
#wiz.has-photo.show-example[data-step="go"] #selectedPhotoWork {display:none!important}
#selectedPhotoWork{position:relative;clear:both;isolation:isolate}
#selectedPhotoPreview{position:static!important;inset:auto!important;transform:none!important;float:none!important;height:auto;object-fit:contain}

#wiz:not([data-step="look"]):not([data-step="go"]) #wizExampleUnavailable{display:none}
#wizExampleUnavailable{text-align:center;padding:12px 20px}
.tg-media .gallery-compare-controls,.tg-hero-media .gallery-compare-controls{position:absolute;z-index:5;bottom:5px;left:8px;right:8px;margin:0 auto;background:rgba(255,255,255,.96)}
.hd-pair[data-comparison="before"],.hd-pair[data-comparison="after"]{grid-template-columns:1fr}
.hd-pair[data-comparison="before"] figure:nth-child(2),.hd-pair[data-comparison="after"] figure:first-child{display:none}
.hd-pair[hidden] + .gallery-compare-controls,.hd-pair[style*="display: none"] + .gallery-compare-controls,.hd-pair[style*="display:none"] + .gallery-compare-controls{display:none}

.look-reference-note{display:block;font-size:11px;line-height:1.4;color:var(--muted);margin:4px 0}

#listingToolDialog {width:min(620px,calc(100vw - 36px));max-height:80dvh;overflow:auto;box-sizing:border-box;border:1px solid var(--hair);border-radius:18px;padding:24px;color:var(--ink);background:white}
#listingToolDialog::backdrop {background:rgba(0,0,0,.4)}
#listingToolDialog section {border-top:1px solid var(--hair);padding:12px 0}
#listingToolDialog h3 {font-size:16px;margin:8px 0}
#listingToolDialog button {padding:10px 14px;margin:4px;border:1px solid var(--hair);border-radius:8px;background:white;color:var(--ink);font:inherit;cursor:pointer}

#sideIntel[hidden]{display:none!important}
#listingToolDialog section a{display:inline-block;padding:10px 14px;color:var(--ink);text-decoration:underline}

#shareMakeLooksWrap[hidden]{display:none!important}

.simple-nav{display:flex;gap:6px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid #ddd;background:#fff}.simple-nav button{padding:11px 14px;border:1px solid #ddd;border-radius:10px;background:white;color:#20242b;font:inherit;cursor:pointer}.simple-nav button:focus-visible,.nav-tools summary:focus-visible{outline:3px solid #2458e8;outline-offset:3px}.nav-tools summary{cursor:pointer}.plain-guide{font-size:14px;color:#535965;line-height:1.5;margin:0 0 16px}@media(min-width:1240px){.simple-nav{display:none}}@media(max-width:480px){.simple-nav button{flex:1 1 42%;font-size:13px}}

.native-app [data-nav-target="sideSendBuyers"]{display:none!important}

/* Plans must sit above account overlays and wrap at narrow widths. */
#upPanel{z-index:150;background:rgba(20,20,20,.35)}
#upPanel .up-sheet,#upPanel .up-row{background:#fff;opacity:1}
#upPanel .up-row h3{flex-wrap:wrap;justify-content:flex-start;gap:6px 10px}
#upPanel .up-row h3 span{white-space:normal;max-width:100%;overflow-wrap:anywhere}
.side-acct>span:last-child{min-width:0;flex:1}.side-acct .nm{display:block;overflow-wrap:anywhere;word-break:normal;line-height:1.45}.side-acct .pl{display:block;line-height:1.45}
body:not(.view-designs) .hd-gallerywrap{display:none!important}
body.view-designs #wiz,body.view-designs #wsGrid,body.view-designs .tg,body.view-designs .hd-pagehead{display:none!important}
@media(min-width:900px){.simple-nav{display:none}}
#listingToolDialog{margin:auto;max-height:85vh;overflow:auto}
.side-acct .nm{font-size:11.5px}
#upPanel .up-row h3 .up-reco{color:#fff;letter-spacing:normal;text-transform:none}

/* Group the desktop brand and menu above the navigation column. */
@media(min-width:900px){
 .top{margin-left:-212px}
 .top-in{margin-left:0;margin-right:0;max-width:none;flex-wrap:nowrap;justify-content:flex-start}
 .top-in .brand{position:static;order:-1;height:58px;max-width:180px;font-size:15px;white-space:nowrap}
 .top-right{margin-left:auto;flex-wrap:nowrap}
}
@media(max-width:899px){
 .top-in{height:auto;min-height:58px;justify-content:center;padding:12px;position:relative;gap:10px}
 .top-in #drawerBtn{position:absolute;left:12px;top:12px;min-width:36px;min-height:36px}
 .top-in .brand{flex:0 1 auto;margin:0 44px;min-height:36px;justify-content:center;white-space:nowrap}
 .top-in .topnav{display:none}
 .top-right{width:100%;margin:0!important;justify-content:center}
 .credits-pill{max-width:100%;white-space:normal}
 #planPillText{white-space:normal}
 .simple-nav{justify-content:center}
}

#wiz[data-step="photo"] #selectedPhotoPreview{max-height:240px}
#wiz[data-step="photo"] #selectedPhotoWork{padding:0}

#wiz[data-step="look"] .studio-compare-controls{display:none!important}

#wiz[data-step="look"] #wizExampleUnavailable{display:none}

/* The idea is the main control; detail stays folded away. */
#wizIdea textarea,#wizIdea select,#wizIdea input:not([type=checkbox]){display:block;width:100%;box-sizing:border-box;margin:7px 0 16px;padding:12px;border:1px solid var(--hair);border-radius:10px;font:inherit;background:#fff;color:var(--ink)}
#wizIdea label{font-size:14px} .decor-goals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}
.paint-ceiling-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:14px 16px;margin:0 0 16px;border:1px solid var(--hair);border-radius:10px;background:#fff;cursor:pointer}.paint-ceiling-toggle small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.paint-ceiling-toggle input{appearance:none;flex:none;width:40px;height:24px;margin:0;border:1px solid var(--hair);border-radius:20px;background:#d9dee7;cursor:pointer;position:relative}.paint-ceiling-toggle input:before{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;background:white;border-radius:50%}.paint-ceiling-toggle input:checked{background:var(--cobalt)}.paint-ceiling-toggle input:checked:before{left:19px}.paint-ceiling-toggle input:focus-visible{outline:2px solid var(--cobalt);outline-offset:3px}
.decor-goal{padding:14px;text-align:left;border:1px solid var(--hair);border-radius:12px;background:white;color:var(--ink)}
.decor-goal strong,.decor-goal span{display:block}.decor-goal span{font-size:12px;color:var(--muted);margin-top:6px}.decor-goal[aria-pressed=true]{border-color:var(--cobalt);background:var(--tint)}
#decorAdjust{margin:18px 0}#decorAdjust summary{cursor:pointer;padding:12px 0}#decorAdjust fieldset{border:1px solid var(--hair);border-radius:10px;margin-bottom:16px}#decorAdjust fieldset label{display:block;padding:8px}
#decorPlan{margin-top:20px;padding:18px;background:var(--tint);border-radius:14px}#decorError{font-size:14px}#decorQuestions{font-weight:600}
@media(max-width:600px){.decor-goals{grid-template-columns:1fr}.decor-goal{padding:12px}#wizIdea textarea{font-size:16px}}

.design-refinements{grid-column:1/-1;padding:12px;background:var(--tint);border-radius:12px}.design-refinements p{margin:0 0 10px;font-size:13px}.design-refinements button{border:1px solid var(--hair);background:#fff;border-radius:8px;padding:10px;margin:4px;font:inherit;color:var(--ink)}

#decorExample{margin:12px 0}#decorExampleImage{display:block;width:100%;max-width:400px;max-height:250px;object-fit:contain;border-radius:10px}#decorExampleCaption,#decorNoExample{font-size:12px;color:var(--muted)}

/* Image-first review and progress: natural photo bounds, no letterbox panels. */
#selectedPhotoPreview{width:auto;max-width:100%;height:auto;max-height:400px;background:transparent}
#selectedPhotoWork{padding:0;text-align:center}
#selectedPhotoWork h2,#selectedPhotoWork>p,#photoNextStep{display:none!important}
#wiz[data-step="go"] #imageUsage,#wiz[data-step="go"] #wizShield,#wiz[data-step="go"] #wizRecap{display:none!important}
.photo-details{font-size:12px;color:var(--muted);margin:10px 0}
.photo-details summary{cursor:pointer}
#wiz[data-step="go"] .comply-hint{display:none}
#decorFinalSummary{background:transparent!important;padding:8px 0!important;border-top:1px solid var(--hair);font-size:13px}
#currentDesign{max-width:900px;margin:20px auto;padding:24px}
#currentDesign h2{font-size:22px;margin:0 0 8px}
#currentDesignStatus{font-size:13px;color:var(--muted);margin:6px 0}
#currentDesignElapsed{font-variant-numeric:tabular-nums;font-size:12px;margin:6px 0}
#currentDesignWaiting{display:flex;justify-content:center;margin:22px 0}
.design-loading{position:relative;display:block;isolation:isolate;overflow:hidden;min-height:0;min-width:0;width:fit-content;max-width:100%;padding:0;border:0;background:transparent;border-radius:16px}
#currentDesignOriginals{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
#currentDesignOriginals img{display:block;width:auto;max-width:100%;height:auto;max-height:58vh;object-fit:contain;background:transparent;border-radius:12px;filter:blur(5px) saturate(.65);opacity:.7;animation:design-breathe 3s ease-in-out infinite}
.design-loading-sheen{position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.6) 48%,transparent 75%);transform:translateX(-100%);animation:design-sheen 2.8s ease-in-out infinite;pointer-events:none}
.design-preview-label{position:absolute;bottom:12px;left:12px;padding:6px 10px;border-radius:20px;background:rgba(255,255,255,.92);font-size:11px;color:#353942}
#currentDesignImages img{width:auto;max-width:100%;height:auto;max-height:65vh;object-fit:contain;background:transparent;border-radius:12px;margin:0 auto}
#currentDesignImages figure{min-width:0}
#currentDesignImages figcaption{font-size:12px;color:var(--muted)}
#currentDesign[aria-busy="true"] #currentDesignNew{display:none}
@keyframes design-breathe{50%{opacity:.45;filter:blur(8px) saturate(.5)}}
@keyframes design-sheen{to{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){#currentDesignOriginals img,.design-loading-sheen{animation:none}}
@media(max-width:600px){#currentDesign{padding:18px}#currentDesignOriginals img{max-height:52vh}#selectedPhotoPreview{max-height:320px}}
#wiz #decorPresetColourPicker{display:block;width:100%;max-width:360px;min-height:56px;padding:6px;border:1px solid var(--hair);border-radius:10px;background:#fff;cursor:pointer}
#decorPresetColourPicker:focus-visible{outline:2px solid var(--cobalt);outline-offset:3px}

/* Simple project choices and image-first results. */
.project-purpose{border:0;padding:0;margin:0 0 28px;min-width:0}.project-purpose legend{font-size:22px;font-weight:700;letter-spacing:-.02em;margin-bottom:14px}.purpose-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.purpose-choices button{padding:20px;text-align:left;background:#fff;border:1.5px solid var(--hair);border-radius:14px;color:var(--ink);font:inherit;cursor:pointer;min-height:116px}.purpose-choices strong,.purpose-choices span{display:block}.purpose-choices strong{font-size:16px;margin-bottom:7px}.purpose-choices span{font-size:13px;color:var(--muted);line-height:1.5}.purpose-choices [aria-pressed=true]{border-color:var(--cobalt);background:var(--tint);box-shadow:inset 0 0 0 1px var(--cobalt)}.project-purpose p{font-size:12px;color:var(--muted);line-height:1.5;margin:10px 0 0}
#myProps{display:grid;grid-template-columns:1fr;gap:24px}.design-card{background:#fff;border:1px solid var(--hair-soft);border-radius:20px;padding:20px;min-width:0}.design-card-heading{display:flex;flex-wrap:wrap;min-width:0;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.design-card-heading>div{min-width:0}.design-card-heading h3{font-size:21px;letter-spacing:-.02em;line-height:1.25;margin:3px 0;overflow-wrap:anywhere}.design-purpose-label{font-size:11px;font-weight:600;color:var(--muted);margin:0;letter-spacing:.04em}.design-card .tag{position:static;flex:none}.design-room-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:22px}.design-room{position:relative;display:block;min-width:0}.design-room>.cmpthumb{display:block;overflow:hidden;border-radius:12px;background:#f3f1ed}.design-room>.cmpthumb img{display:block;width:100%;max-height:560px;object-fit:contain}.design-image-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:12px}.design-image-actions button,.design-image-actions summary,.design-tool-actions button,.design-project-more button{font:600 13px Inter,sans-serif;padding:10px 16px;min-height:42px;line-height:1.3;border:1px solid var(--hair);border-radius:9px;background:white;color:var(--ink);cursor:pointer;text-align:center}.design-image-actions .dlbtn{background:var(--cobalt);color:white;border-color:var(--cobalt)}.design-image-more{margin-left:auto;position:relative}.design-image-more summary{color:var(--muted);border-color:transparent;font-weight:500}.design-image-more>div{display:flex;flex-direction:column;gap:8px;position:absolute;z-index:6;right:0;top:calc(100% + 6px);padding:10px;width:230px;background:white;border:1px solid var(--hair);border-radius:12px;box-shadow:0 12px 32px #0002}.design-card-footer{margin-top:18px;border-top:1px solid var(--hair-soft);padding-top:14px;display:flex;align-items:center;flex-wrap:wrap;gap:14px}.design-disclosure{font-size:12px;color:var(--muted);flex:1 1 220px}.design-listing-tools{flex-basis:100%;order:2;border:1px solid var(--hair-soft);border-radius:10px;padding:12px 14px}.design-listing-tools summary,.design-project-more summary{font-size:13px;font-weight:600;cursor:pointer;padding:3px 0;color:var(--ink)}.design-listing-tools>p{font-size:12px;color:var(--muted);margin:10px 0}.design-tool-actions{display:flex;gap:8px;flex-wrap:wrap}.design-listing-tools .sharerow{margin:12px 0 0}.design-project-more{position:relative}.design-project-more>button{position:absolute;right:0;top:100%;z-index:5;min-width:150px;background:white!important;border:1px solid var(--hair)!important;padding:12px!important;box-shadow:0 8px 24px #0001}.design-card .lookbadge{top:12px!important;left:12px!important;padding:7px 12px!important;font-size:12px!important}.native-app .design-card .design-image-actions .editbtn,.native-app .design-card .design-image-actions .dlbtn,.native-app .design-card .design-image-actions .rerollbtn,.native-app .design-card .rcbtn,.native-app .design-card .intelbtn{display:inline-block!important}.design-image-actions button:focus-visible,.purpose-choices button:focus-visible,.design-card summary:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px}
@media(max-width:600px){.design-card{padding:14px;border-radius:16px}.design-card-heading h3{font-size:19px}.purpose-choices{grid-template-columns:1fr}.purpose-choices button{min-height:0;padding:15px}.design-image-actions{gap:6px}.design-image-actions button{padding:10px 14px}.design-image-more{margin-left:0;flex-basis:100%}.design-image-more summary{text-align:left;padding-left:0}.design-image-more>div{left:0;right:auto}.design-card-footer{gap:12px}}

.design-card{margin-bottom:24px}body[data-project-view="design"]:not(.view-designs) #sideSendBuyers,body[data-project-view="design"]:not(.view-designs) [data-nav-target="sideSendBuyers"],body[data-project-view="design"]:not(.view-designs) #sideListingHead,body[data-project-view="design"]:not(.view-designs) #sideMlsKit{display:none!important}

body.view-designs #wizRow{display:block;max-width:1100px;width:100%}#myProps{scroll-margin-top:170px}body.view-designs #sideStudio{background:transparent;color:var(--ink)}body.view-designs #sideListings{background:var(--tint);color:var(--cobalt)}.design-card .cmpthumb:after{display:none}

/* Keep image choices beside every result, including saved edits. */
.image-view-tabs{display:flex;gap:4px;background:var(--tint);padding:4px;border:1px solid var(--hair);border-radius:11px;margin-top:10px}
.image-view-tabs button{flex:1;min-height:44px;border:0;border-radius:8px;background:transparent;color:var(--ink);font:600 14px Inter,sans-serif;cursor:pointer}
.image-view-tabs button[aria-pressed="true"]{background:var(--cobalt);color:white}
.image-view-tabs button:focus-visible{outline:3px solid var(--cobalt);outline-offset:2px}
.image-version-title{font-size:15px;margin:0 0 10px;line-height:1.4;overflow-wrap:anywhere}
.design-image-actions .image-download{background:var(--cobalt);color:white;border-color:var(--cobalt)}
.image-action-status{display:block;font-size:12px;color:var(--muted);margin-top:6px}
.edit-history-title{font-size:18px;margin:24px 0 6px}.edit-history-note{font-size:13px;color:var(--muted);margin:0 0 16px}.image-current{font-size:12px;color:var(--ok);font-weight:600}
#currentDesignImages>div{min-width:0}#currentDesignImages .design-room img{height:auto;max-height:560px;object-fit:contain}