/* A button-led journey: compact screens, paged choices, and persistent navigation. */
.step-flow [data-answer="light"] .choice-photo{object-position:center 30%}
.step-mode>footer,.step-mode>#compare-tray{display:none!important}.step-mode #toast{bottom:90px}.welcome-flow{min-height:calc(100svh - 76px);display:grid;grid-template-columns:1.1fr 1fr;gap:6%;padding:30px 5%;max-width:1600px;margin:auto;align-items:center}.welcome-art{height:calc(100svh - 136px);min-height:350px;border-radius:28px;overflow:hidden}.welcome-art img{width:100%;height:100%;object-fit:cover}.welcome-copy{max-width:500px}.welcome-copy .eyebrow{font-size:10px}.welcome-copy h1{font-size:clamp(38px,4.4vw,64px);line-height:1.04;letter-spacing:-.05em;margin:20px 0}.welcome-copy>p{font-size:17px;color:#6e6e73;line-height:1.6;max-width:420px}.welcome-route{display:flex;gap:25px;margin:30px 0;color:#929299;font-size:11px}.welcome-route strong{display:block;font-size:12px;color:#515154;margin-top:7px}.welcome-copy>.button{min-width:220px;margin:12px 0 20px}.welcome-copy>.text-link{display:block;font-size:12px}
.sar-finder.step-flow{max-width:1200px;padding:0 30px}.step-flow #journey-content{display:flex;flex-direction:column;min-height:calc(100svh - 76px)}.step-flow .journey-steps{margin:14px 0 18px;padding:12px 4px;max-width:none;flex-shrink:0;grid-template-columns:repeat(6,minmax(0,1fr))}.step-flow .journey-steps button{font-size:11px;padding:0 5px;gap:7px}.step-flow .finder-intro{width:100%;margin:0 auto 20px}.step-flow .finder-intro h1{font-size:38px;margin:0 0 10px}.step-flow .finder-intro p{font-size:14px;line-height:1.5;max-width:720px}.flow-body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:14px;padding-bottom:18px}.flow-actions{position:sticky;bottom:0;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;border-top:1px solid #e5e5e9;background:#fffffff5;backdrop-filter:blur(20px);padding:16px 0 max(16px,env(safe-area-inset-bottom))}.flow-actions>.button{min-width:140px;justify-content:center;margin:0;font-size:13px;flex-shrink:0}.flow-choice-summary{font-size:12px;color:#6e6e73;display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap}.flow-choice-summary strong{color:#1d1d1f}.flow-choice-summary a,.flow-choice-summary button{color:#822025;font-size:12px}.flow-auto-note{font-size:12px;color:#6e6e73;text-align:center;margin:0}.step-flow .finder-options{gap:16px;max-width:none;width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.step-flow .finder-options.format-options{grid-template-columns:repeat(var(--choice-count,4),minmax(0,1fr))}.step-flow .finder-choice{border-radius:20px;display:block}.step-flow .choice-photo,.step-flow .choice-art,.step-flow .installation-art{height:clamp(100px,18vh,150px);min-height:0}.step-flow .choice-art{padding:20px}.step-flow .choice-copy{padding:18px;min-height:112px}.step-flow .choice-copy h2{font-size:19px;line-height:1.2;margin:0 20px 9px 0;padding:0}.step-flow .choice-copy p{font-size:12px;line-height:1.5}.step-flow .choice-circle{top:17px;right:14px;width:20px;height:20px}.step-flow .installation-art.explore span{width:58px;height:58px;font-size:32px}.flow-collections{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.flow-collection{padding:0;border:2px solid transparent;border-radius:18px;background:#f5f5f7;text-align:left;overflow:hidden}.flow-collection[aria-pressed=true]{border-color:#a92c30;background:#f0f7ff}.flow-collection>img{width:100%;height:150px;object-fit:cover}.flow-collection>div{padding:16px}.flow-collection h2{font-size:21px;margin:0 0 8px;display:flex;justify-content:space-between}.flow-collection h2 span{color:#a92c30}.flow-collection p{font-size:12px;color:#6e6e73;margin:0}.flow-pager{display:flex;align-items:center;justify-content:center;gap:24px;min-height:40px;font-size:12px}.flow-pager button{border:1px solid #d2d2d7;border-radius:20px;padding:9px 14px;font-size:12px;color:#822025;min-height:40px}.flow-pager>span{font-variant-numeric:tabular-nums;color:#6e6e73;font-size:11px}.flow-search{display:flex;align-items:center;justify-content:center;gap:14px;font-size:12px;color:#6e6e73}.flow-search input{border-radius:12px;padding:10px 14px;font-size:13px;width:280px}.step-flow .journey-finishes{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;padding:0;max-height:none;overflow:visible}.step-flow .journey-finish>div{margin:0 0 8px;border-radius:14px;padding:2px}.step-flow .journey-finish img{height:clamp(110px,19vh,165px);aspect-ratio:auto;border-radius:10px}.step-flow .journey-finish h2{font-size:16px;margin:0}.step-flow .journey-finish .selection-dot{height:22px;width:22px;top:9px;right:9px}.step-flow #finder-selection{margin-top:auto}.step-flow .finder-empty{padding:24px;margin:0;font-size:14px}.step-flow .finder-empty .text-link{font-size:13px;color:#822025}
/* Room Studio: floor → room → settings → result. All controls remain mounted. */
.ai-wizard{display:flex;flex-direction:column;min-height:calc(100svh - 76px);padding:20px 30px 0;max-width:1140px}.ai-wizard.guided-studio{min-height:0;flex:1;display:flex;margin:0;padding:0}.ai-wizard .ai-heading{display:flex;align-items:center;gap:20px;margin:0 0 12px}.ai-wizard .ai-heading>div:first-child{flex:1}.ai-wizard .ai-heading h1{font-size:34px;line-height:1.1;letter-spacing:-.04em;margin:7px 0}.ai-wizard .ai-heading p{font-size:13px;line-height:1.5}.ai-wizard .connection-pill{font-size:10px;padding:8px 12px;margin:0}.ai-wizard .ai-heading .eyebrow{font-size:9px;letter-spacing:.08em}.ai-wizard-selection{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 0;margin-bottom:10px;border-bottom:1px solid #eeeef1}.ai-wizard .selected-finish{margin:0}.ai-wizard .selected-finish img{width:32px;height:32px;border-radius:7px}.ai-wizard .selected-finish strong{font-size:12px;font-weight:600}.ai-wizard .selected-finish small{font-size:10px;letter-spacing:0;margin-top:3px}.ai-wizard-selection>.text-link{font-size:11px;color:#822025}.ai-wizard-body{flex:1;display:flex;flex-direction:column;justify-content:center}.ai-wizard [data-ai-panel]{width:100%}.ai-wizard [hidden]{display:none!important}.ai-wizard #ai-floor-settings,.ai-wizard #ai-settings{border:0;margin:0;padding:0;min-width:0}.ai-wizard [data-ai-panel=floor]{max-width:700px;margin:auto}.ai-wizard [data-ai-panel=floor]>.field{max-width:400px}.ai-wizard .finish-picker{grid-template-columns:repeat(6,minmax(0,1fr));overflow:visible;max-height:none;gap:12px;margin:18px 0}.ai-wizard .ai-room-source{max-width:900px;margin:0 auto;padding:0}.ai-wizard .ai-source-switch{max-width:560px;margin:auto}.ai-wizard .ai-room-group{font-size:12px;color:#6e6e73;text-align:center;margin:12px 0}.ai-wizard #ai-preset-panel .ai-room-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;border:0}.ai-wizard #ai-preset-panel .ai-room-strip img{height:clamp(95px,18vh,150px);aspect-ratio:auto;margin-bottom:6px}.ai-wizard #ai-preset-panel .ai-room-strip button{font-size:12px}.ai-wizard #ai-preset-panel .ai-room-strip span{display:block}.ai-wizard .ai-source-switch button{font-size:12px;padding:11px}.ai-wizard #ai-room-pager{margin-top:8px}.ai-wizard #ai-upload-panel{max-width:650px;margin:auto}.ai-wizard .ai-upload-copy{margin:16px 0 12px}.ai-wizard .ai-upload-copy p{font-size:12px}.ai-wizard .ai-upload-label{padding:12px 16px}.ai-wizard #ai-upload-preview{height:100px;width:auto;max-width:100%;object-fit:contain;border-radius:12px;margin:12px auto 0}.ai-wizard .ai-photo-meta{margin-top:9px}.ai-wizard .ai-room-source .micro{font-size:10px;margin:8px 0}.ai-wizard .ai-controls{max-width:600px;margin:0 auto;padding:24px;border-radius:20px;background:#f5f5f7}.ai-wizard .ai-controls label{font-size:13px}.ai-wizard .ai-controls select{font-size:14px;padding:12px;border-radius:10px}.ai-wizard .ai-controls .micro{font-size:11px;margin:14px 0 0}.ai-wizard .ai-field-row{margin:18px 0;gap:18px}.ai-wizard .ai-stage{height:clamp(220px,calc(100svh - 415px),410px);width:auto;aspect-ratio:1.5;max-width:100%;margin-inline:auto}.ai-wizard .ai-stage.photo-room{aspect-ratio:var(--room-ratio,1.5);width:auto}.ai-wizard .ai-stage:has(>img[hidden]){aspect-ratio:1.5}.ai-wizard .ai-image-info{margin:10px auto 0;max-width:760px;gap:10px}.ai-wizard .ai-image-info h3{font-size:17px}.ai-wizard .ai-image-info p{font-size:10px}.ai-wizard .ai-output-actions .button{font-size:11px;padding:9px 13px}.ai-wizard .ai-compare-controls{margin:8px 0}.ai-wizard .ai-compare-controls button{padding:6px 14px;font-size:11px}.ai-wizard .ai-compare-controls p{font-size:10px;margin:5px 0}.ai-wizard .ai-disclaimer{font-size:10px;text-align:center;margin:9px auto;max-width:720px}.ai-wizard .ai-session-details{font-size:11px;color:#6e6e73;max-width:720px;margin:6px auto}.ai-wizard .ai-session-details summary{cursor:pointer}.ai-wizard .ai-jobs{margin-top:10px;padding:10px 0}.ai-wizard .ai-status{font-size:11px;text-align:center;min-height:0;line-height:1.4;margin:7px 0}.ai-wizard .ai-status:empty{display:none}.ai-wizard-actions{margin-top:12px}.ai-footer-status{flex:1;text-align:center;font-size:12px;color:#6e6e73}.ai-wizard-actions .ai-generation-feedback{margin:0 auto;padding:0;max-width:330px;border:0;background:none;border-radius:0}.ai-wizard-actions .ai-generation-feedback strong,.ai-wizard-actions .ai-generation-feedback p,.ai-wizard-actions .ai-generation-feedback .ai-progress-elapsed{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ai-wizard-actions .ai-generation-feedback .ai-time-estimate{margin:5px 0 0;font-size:11px}.ai-wizard-actions .ai-generation-feedback .ai-progress-track{height:4px}.ai-wizard .ai-progress strong{font-size:22px;margin:12px 0}.ai-wizard .ai-progress p{font-size:12px;margin:10px 0}.ai-wizard .ai-progress .spinner{width:28px;height:28px;flex-shrink:0}.ai-wizard .ai-progress .ai-time-estimate{font-size:11px}.ai-wizard .ai-progress-elapsed{font-size:10px}.ai-wizard .flow-actions>[hidden]{display:none}
@media(max-width:760px){
 .welcome-flow{min-height:calc(100svh - 68px);grid-template-columns:1fr;gap:20px;padding:16px 20px 24px;align-content:center}.welcome-art{height:clamp(160px,28svh,270px);min-height:0;border-radius:20px}.welcome-copy{max-width:none;text-align:center}.welcome-copy h1{font-size:38px;margin:12px 0}.welcome-copy>p{font-size:14px;margin:0 auto;max-width:330px}.welcome-copy .eyebrow{font-size:9px}.welcome-route{justify-content:center;margin:18px 0;gap:28px}.welcome-route strong{font-size:11px}.welcome-copy>.button{margin:0 0 14px}.welcome-copy>.text-link{font-size:11px}
 .sar-finder.step-flow{padding:0 18px}.step-flow #journey-content{min-height:calc(100svh - 68px)}.step-flow .journey-steps{grid-template-columns:repeat(6,minmax(0,1fr));margin:12px 0 15px;padding:10px 0;gap:0}.step-flow .journey-steps button{flex-direction:column;font-size:8px;padding:0 2px;gap:5px;text-align:center;line-height:1.2;justify-content:center}.step-flow .journey-steps button>span{width:21px;height:21px}.step-flow .finder-intro{margin-bottom:16px}.step-flow .finder-intro h1{font-size:28px;margin:0 0 8px}.step-flow .finder-intro p{font-size:12px;max-width:330px}.flow-body{gap:12px;padding-bottom:12px}.step-flow .finder-options{grid-template-columns:1fr;gap:10px}.step-flow .finder-options:not(.format-options) .finder-choice{display:grid;grid-template-columns:28% 72%}.step-flow .choice-photo,.step-flow .choice-art,.step-flow .installation-art{height:100%;min-height:90px}.step-flow .choice-copy{padding:14px;min-height:90px}.step-flow .choice-copy h2{font-size:16px;margin:0 18px 6px 0}.step-flow .choice-copy p{font-size:11px;line-height:1.4}.step-flow .choice-circle{top:13px;right:10px;width:18px;height:18px;font-size:10px}.step-flow .finder-options.format-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.step-flow .format-options .choice-photo,.step-flow .format-options .choice-art{height:64px;min-height:0}.step-flow .format-options .choice-art{padding:10px 16px}.step-flow .format-options .choice-copy{padding:12px;min-height:108px}.step-flow .format-options .choice-copy h2{font-size:15px;line-height:1.2}.step-flow .format-options .choice-copy p{font-size:10px}.flow-auto-note{font-size:10px;line-height:1.4}.flow-actions{padding:13px 0 max(13px,env(safe-area-inset-bottom));gap:10px}.flow-actions>.button{min-width:100px;padding:12px 14px;font-size:12px}.flow-choice-summary{font-size:10px;gap:7px;line-height:1.3}.flow-choice-summary strong{flex-basis:100%;text-align:center}.flow-choice-summary a,.flow-choice-summary button{font-size:10px}.flow-collections{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.flow-collection>img{height:95px}.flow-collection>div{padding:12px}.flow-collection h2{font-size:16px;margin-bottom:5px}.flow-collection p{font-size:10px}.flow-pager{gap:13px;font-size:11px;min-height:38px}.flow-pager button{padding:8px 11px;min-height:38px;font-size:11px}.flow-search{gap:10px;justify-content:space-between;font-size:11px}.flow-search input{width:65%;font-size:12px;padding:9px 12px}.step-flow .journey-finishes{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px}.step-flow .journey-finish img{height:clamp(80px,13svh,115px)}.step-flow .journey-finish h2{font-size:13px}.step-flow .journey-finish .selection-dot{width:19px;height:19px;top:6px;right:6px;font-size:12px}
 .ai-wizard{min-height:calc(100svh - 68px);padding:15px 18px 0}.ai-wizard .ai-heading{display:block;margin:0 0 8px;position:relative}.ai-wizard .ai-heading h1{font-size:27px;margin:9px 0 7px}.ai-wizard .ai-heading p{font-size:12px;max-width:none}.ai-wizard .ai-heading .eyebrow{font-size:8px}.ai-wizard .connection-pill{position:absolute;top:0;right:0;font-size:8px;padding:5px 8px}.ai-wizard .status-dot{width:5px;height:5px}.ai-wizard-selection{margin-bottom:12px;padding:8px 0}.ai-wizard .selected-finish img{width:28px;height:28px}.ai-wizard .selected-finish strong{font-size:11px}.ai-wizard .selected-finish small{font-size:9px}.ai-wizard-selection>.text-link{font-size:10px}.ai-wizard .ai-source-switch button{font-size:11px;padding:10px 6px}.ai-wizard #ai-preset-panel .ai-room-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ai-wizard #ai-preset-panel .ai-room-strip img{height:clamp(70px,12svh,100px);margin-bottom:3px}.ai-wizard #ai-preset-panel .ai-room-strip button{font-size:11px}.ai-wizard .ai-room-group{font-size:10px;margin:10px 0}.ai-wizard .ai-controls{padding:20px;width:100%}.ai-wizard .ai-controls label{font-size:12px}.ai-wizard .ai-controls select{font-size:13px;padding:11px}.ai-wizard .ai-controls .micro{font-size:10px;line-height:1.5}.ai-wizard .ai-field-row{gap:12px;margin:15px 0}.ai-wizard .finish-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ai-wizard .ai-stage{height:auto;width:100%;aspect-ratio:1.5;max-height:290px}.ai-wizard .ai-stage.photo-room{width:100%;height:230px}.ai-wizard .ai-progress{padding:10px}.ai-wizard .ai-progress strong{font-size:18px;margin:8px 0}.ai-wizard .ai-progress p{font-size:10px;line-height:1.4;margin:8px 0}.ai-wizard .ai-progress .spinner{width:22px;height:22px}.ai-wizard .ai-progress .ai-time-estimate{font-size:10px}.ai-wizard .ai-progress .ai-progress-elapsed{font-size:9px}.ai-wizard .ai-image-info{margin-top:8px;gap:6px}.ai-wizard .ai-image-info h3{font-size:15px;margin-bottom:4px}.ai-wizard .ai-image-info p{font-size:9px}.ai-wizard .ai-output-actions{width:auto;flex:1;justify-content:flex-end;gap:5px;margin:0}.ai-wizard .ai-output-actions .button{font-size:10px;padding:9px 10px;flex:none}.ai-wizard .ai-disclaimer{font-size:9px;line-height:1.4;margin:7px 0}.ai-wizard .ai-session-details{font-size:10px;margin:6px 0}.ai-wizard .ai-status{font-size:10px;margin:6px 0}.ai-wizard-actions{margin-top:10px}.ai-footer-status{font-size:10px;line-height:1.4}.ai-wizard-actions>.button{min-width:90px;padding:12px 13px}.ai-wizard-actions .ai-generation-feedback .ai-time-estimate{font-size:9px;line-height:1.3}.ai-wizard #ai-upload-preview{height:85px}.ai-wizard .ai-upload-copy strong{font-size:17px}.ai-wizard .ai-upload-copy p{font-size:11px}.ai-wizard .ai-upload-label{font-size:11px;padding:12px}.ai-wizard .ai-photo-meta{font-size:10px}
}
@media(max-height:650px) and (min-width:761px){.step-flow .journey-steps{margin:8px 0 12px;padding:8px 4px}.step-flow .finder-intro{margin-bottom:14px}.step-flow .finder-intro h1{font-size:32px}.step-flow .choice-photo,.step-flow .choice-art,.step-flow .installation-art{height:95px}.step-flow .choice-copy{min-height:95px;padding:14px}.ai-wizard .ai-heading h1{font-size:28px}.ai-wizard .ai-stage{height:200px}}
@media(max-width:760px) and (max-height:740px){
 .step-flow .journey-steps{margin:8px 0 10px;padding:8px 0}.step-flow .finder-intro{margin-bottom:10px}.step-flow .finder-intro h1{font-size:25px}.flow-collection>img{height:80px}.flow-collection h2{font-size:15px}.step-flow .format-options .choice-photo,.step-flow .format-options .choice-art{height:45px}.step-flow .format-options .choice-copy{min-height:95px;padding:10px}.step-flow .format-options .choice-copy h2{font-size:14px}.step-flow .choice-copy p{font-size:10px}.flow-body{gap:8px}
 .ai-wizard .ai-heading h1{font-size:25px;margin:7px 0 5px}.ai-wizard .ai-heading p{font-size:11px}.ai-wizard-selection{margin-bottom:8px;padding:6px 0}.ai-wizard #ai-preset-panel .ai-room-strip{gap:8px}.ai-wizard #ai-preset-panel .ai-room-strip img{height:58px}.ai-wizard .ai-room-group{margin:7px 0}.ai-wizard .ai-controls{padding:16px}.ai-wizard .ai-field-row{margin:10px 0}.ai-wizard .ai-controls select{padding:9px}.ai-wizard .ai-controls .micro{margin-top:9px}.ai-wizard .ai-stage,.ai-wizard .ai-stage.photo-room{height:175px;width:auto;max-width:100%}.ai-wizard .ai-status{margin:4px 0}.ai-wizard .ai-image-info{flex-wrap:nowrap}.ai-wizard .ai-output-actions{flex-wrap:wrap}.ai-wizard .ai-output-actions .button{padding:7px 9px}.ai-wizard-actions{margin-top:8px}
}

.ai-stop-generation{display:block;margin:8px auto;font-size:11px;color:#822025}.ai-wizard[data-scene-state=generating] .ai-image-info,.ai-wizard[data-scene-state=generating] .ai-disclaimer,.ai-wizard[data-scene-state=generating] .ai-session-details{display:none}.ai-wizard[data-scene-state=ready] .ai-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:760px) and (max-height:740px){.ai-wizard .ai-stage,.ai-wizard .ai-stage.photo-room{height:150px}}

/* Direct entry for customers who already have a room photo. */
.welcome-actions{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0 16px}
.welcome-actions .button{min-width:205px;justify-content:space-between}
.welcome-copy .welcome-upload-note{font-size:12px;line-height:1.6;margin:0 0 18px;color:#6e6e73}
.upload-nav{color:#822025}
@media(max-width:760px){.welcome-actions{justify-content:center;margin:0 0 12px}.welcome-actions .button{width:100%;max-width:340px}.welcome-copy .welcome-upload-note{font-size:11px;margin:0 auto 15px}}