/* The shower flow has a full catalog, while the other two design studios stay compact. */
.config-dialog.is-shower{width:min(1440px,97vw);height:min(980px,96dvh)}
.is-shower .config-layout{grid-template-columns:37% 63%}
.is-shower .config-preview{padding:27px;background:#f3f3f3}
.is-shower .config-controls{padding:27px 30px 20px}
.is-shower .stepper{gap:10px}.is-shower .stepper button{font-size:9px;gap:6px;white-space:nowrap}.is-shower .stepper b{flex-shrink:0}
.is-shower .stepper li:first-child{flex:1.35}.is-shower .stepper li:nth-child(3){flex:1.4}
.is-shower .config-form-content h2{font-size:29px;margin-top:14px}
.is-shower .config-form-content>p:not(.eyebrow){max-width:560px}
.is-shower .config-form-content{scrollbar-width:thin;padding-right:10px;scrollbar-color:#aaa #eee}
.is-shower #live-preview{min-height:0;align-items:stretch}
.shower-preview-content{display:flex;flex-direction:column;width:100%;padding-top:25px;min-height:0}
.shower-preview-content>.eyebrow{font-size:8px;color:#888}
.shower-preview-content h3{font-size:22px;letter-spacing:-.04em;line-height:1.25;margin:12px 0 20px;font-weight:400}
.shower-preview-image{position:relative;min-height:100px;flex:1;padding:0;background:#e9e9e9;border:1px solid #e4e4e4;overflow:hidden;width:100%;display:flex;align-items:center;justify-content:center}
.shower-preview-image img{height:100%;width:100%;position:absolute;inset:0;object-fit:cover;filter:none}
.shower-preview-image.has-layout{background:#fff}.shower-preview-image.has-layout img{object-fit:contain;padding:12px 12px 38px}
.shower-preview-image>span{position:absolute;bottom:0;left:0;right:0;padding:10px 12px;font-size:10px;text-align:right;background:#fffffff0;border-top:1px solid #eee;letter-spacing:.01em}
.shower-preview-content>p{font-size:10px;color:#777;line-height:1.65;margin-top:13px}
.is-shower .preview-meta{font-size:9px;gap:15px}.is-shower .preview-summary{padding-top:17px}.is-shower .preview-summary p{max-width:140px}
.enclosure-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.enclosure-card,.layout-card{position:relative;border:1px solid #ddd;background:#fff;padding:0;text-align:left;transition:border-color .2s,box-shadow .2s;min-width:0;color:#191919}
.enclosure-card:hover,.layout-card:hover{border-color:#666}.enclosure-card[aria-pressed=true],.layout-card[aria-pressed=true]{border-color:#111;box-shadow:inset 0 0 0 1px #111}
.enclosure-photo{position:relative;display:block;height:126px;overflow:hidden;background:#eee}.enclosure-photo img{object-position:center 45%;filter:none;transition:transform .5s}.enclosure-card:hover img{transform:scale(1.035)}
.enclosure-photo img[src*="/uchannels-"],.enclosure-photo img[src*="/neo-closed-"],.enclosure-photo img[src*="/corner-closed-"]{object-fit:contain;object-position:center;background:#eee}
.shower-preview-image:not(.has-layout) img[src*="/uchannels-"],.shower-preview-image:not(.has-layout) img[src*="/neo-closed-"],.shower-preview-image:not(.has-layout) img[src*="/corner-closed-"]{object-fit:contain;padding:12px 12px 38px;object-position:center}
.enclosure-card-copy{padding:12px;display:block}.enclosure-card-copy strong{font-size:12px;font-weight:500;line-height:1.45;display:block;min-height:35px}.enclosure-card-copy small{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#777;margin-top:8px}
.selection-check{position:absolute;top:8px;right:8px;border:1px solid #aaa;background:#ffffffd9;color:transparent;border-radius:50%;width:20px;height:20px;font-size:11px;display:flex;align-items:center;justify-content:center}
[aria-pressed=true]>.enclosure-photo>.selection-check,[aria-pressed=true]>.layout-photo>.selection-check{background:#111;color:#fff;border-color:#111}
.layout-tools{padding:16px;background:#f6f6f6;border:1px solid #e9e9e9}.layout-search input{width:100%;padding:11px 12px;background:#fff;border:1px solid #d7d7d7;font:12px var(--sans);border-radius:0;color:#222}
@media(min-width:1100px){.layout-tools{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:12px;align-items:end;padding:12px}.layout-filter-row{display:contents!important}.layout-search input{height:36px;font-size:10px}.layout-filter-row select{height:36px}}
.layout-filter-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.layout-filter-row label{font-size:9px;color:#777;display:block}.layout-filter-row select{display:block;width:100%;padding:9px 8px;margin-top:5px;font:11px var(--sans);color:#222;background:#fff;border:1px solid #d7d7d7;border-radius:0}
.layout-results-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:17px 0 12px}.layout-results-heading p{font-size:11px;color:#666}.layout-results-heading .text-link{border:0;font-size:10px;padding:3px 0}
.layout-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.layout-photo{position:relative;display:block;aspect-ratio:1.2;background:#fff;overflow:hidden}.layout-photo img{object-fit:contain;padding:9px;filter:none;transition:transform .25s}.layout-card:hover img{transform:scale(1.035)}
.layout-code{position:absolute;left:7px;top:7px;font-size:7px;letter-spacing:.06em;background:#fff9;padding:3px 4px;color:#777}
.layout-name{display:block;padding:11px 12px 14px;font-size:11px;line-height:1.5;border-top:1px solid #eee;min-height:72px}
.layout-selection{margin-top:20px;padding:16px;background:#f2f2f2;border-left:2px solid #111}.layout-selection>.eyebrow{font-size:8px;color:#777}.layout-selection strong{display:block;font-size:12px;font-weight:500;line-height:1.5;margin-top:6px}.layout-selection small{display:block;color:#666;font-size:10px;margin-top:7px}.layout-selection>span:not(.eyebrow){font-size:12px;color:#555}
.layout-no-results{grid-column:1/-1;padding:35px 15px;text-align:center;border:1px dashed #ccc}.layout-no-results strong{font-size:15px;font-weight:500}.layout-no-results p{font-size:12px;color:#777;line-height:1.7;margin-top:8px}
.measurement-instruction{font-size:11px;line-height:1.8;color:#777;margin:0 0 22px}.shower-dimension-fields{gap:18px}.shower-dimension-fields .input-label>span{font-size:12px;font-weight:500}.shower-dimension-fields .dimension-field input{font-size:20px;padding:12px 42px 12px 12px}.shower-dimension-fields input::placeholder{font-size:13px;color:#aaa}.shower-dimension-fields .field-help{display:block;font-size:9px}.field-error{display:block;font-size:9px;color:#333;line-height:1.5;margin-top:4px}.shower-dimension-fields [aria-invalid=true]{border-color:#333;box-shadow:inset 3px 0 0 #333}
.is-shower .review-list>div{font-size:11px;gap:15px}.is-shower .review-list dt{min-width:95px}.is-shower .review-list dd{max-width:72%}
.layout-image-dialog{width:min(1000px,96vw);height:min(1000px,95dvh);max-width:none;max-height:none;padding:24px;background:#fff;overflow:auto}
.layout-image-dialog[open]{display:flex;flex-direction:column}.layout-image-dialog .dialog-heading{flex-shrink:0;gap:25px}.layout-image-dialog .dialog-heading h2{font-size:23px;max-width:740px;line-height:1.3}.layout-image-dialog .eyebrow{font-size:8px;color:#777}.layout-image-dialog>img{flex:1;min-height:0;object-fit:contain;padding:15px 0;filter:none}.layout-image-dialog>p{font-size:11px;color:#777;flex-shrink:0;text-align:center}
@media(max-width:1050px) and (min-width:761px){.is-shower .config-layout{grid-template-columns:34% 66%}.is-shower .config-controls{padding:23px 20px 18px}.is-shower .config-preview{padding:22px 18px}.is-shower .stepper{gap:5px}.is-shower .stepper button{font-size:8px;gap:4px}.is-shower .stepper b{width:19px;height:19px;font-size:8px}.enclosure-grid,.layout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shower-preview-content h3{font-size:19px}.is-shower .preview-summary{display:block}.is-shower .preview-summary p{max-width:none;margin-top:10px}}
@media(max-width:760px){.config-dialog.is-shower{width:100vw;height:100dvh}.is-shower .config-layout{grid-template-columns:1fr}.is-shower .config-preview{padding:17px 22px}.is-shower .config-controls{padding:22px 22px 20px}.is-shower .config-form-content{overflow:visible;padding-right:0}.is-shower #live-preview{min-height:0;height:auto}.shower-preview-content{padding-top:15px}.shower-preview-content h3{font-size:17px;margin:8px 0 12px;max-width:95%}.shower-preview-content>.eyebrow{font-size:7px}.shower-preview-image{min-height:180px;height:180px;flex:none}.shower-preview-image:not(.has-layout){height:140px;min-height:140px}.shower-preview-image:not(.has-layout) img{object-position:center 40%}.shower-preview-image>span{font-size:9px;padding:7px 10px}.shower-preview-content>p{font-size:9px;margin-top:9px}.is-shower .preview-meta{padding-top:9px;padding-bottom:7px;font-size:8px}.is-shower .stepper{gap:8px}.is-shower .stepper li,.is-shower .stepper li:first-child,.is-shower .stepper li:nth-child(3){flex:0 0 auto}.is-shower .stepper li.active{flex:1}.is-shower .stepper button{font-size:0;gap:0}.is-shower .stepper li.active button{font-size:10px;gap:7px}.is-shower .stepper b{font-size:9px;width:23px;height:23px}.is-shower .config-form-content h2{font-size:27px;scroll-margin-top:15px}.is-shower .config-form-content>p:not(.eyebrow){font-size:11px}.enclosure-grid,.layout-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.enclosure-photo{height:115px}.enclosure-card-copy{padding:10px}.enclosure-card-copy strong{font-size:11px;min-height:34px}.enclosure-card-copy small{font-size:9px}.layout-tools{padding:12px}.layout-search input{font-size:11px;padding:11px 9px}.layout-filter-row{gap:9px}.layout-filter-row select{font-size:10px;padding:9px 5px}.layout-photo{aspect-ratio:1.1}.layout-name{font-size:10px;padding:10px;min-height:82px}.layout-code{font-size:6px}.is-shower .config-navigation{bottom:-20px;padding-bottom:16px}.shower-dimension-fields{gap:15px 12px}.shower-dimension-fields .dimension-field input{font-size:19px}.layout-image-dialog{width:100vw;height:100dvh;margin:0;padding:20px}.layout-image-dialog .dialog-heading h2{font-size:19px}.layout-image-dialog>img{padding:15px 0}.layout-image-dialog>p{font-size:10px}.is-shower .review-list dt{min-width:75px}.is-shower .review-list dd{max-width:70%}}

.layout-filter-row>label:only-child{grid-column:1/-1}.installation-orientation{margin-bottom:24px}.installation-orientation select{width:100%;margin-top:8px}.installation-orientation .field-help{margin-top:8px}
.dimension-description{display:block;font-size:10px;font-weight:400;color:#666;line-height:1.45;margin:5px 0 8px;min-height:29px}
.shower-preview-image.is-measurement img{padding:0 0 34px}
.enclosure-photo img[src*="/access-20261019/"]{object-fit:contain;object-position:center;background:#eee}
.shower-preview-image:not(.has-layout) img[src*="/access-20261019/"]{object-fit:contain;padding:12px 12px 38px;object-position:center}
.enclosure-photo img[src*="/door-panel-closed-"],.enclosure-photo img[src*="/steam-closed-"],.enclosure-photo img[src*="/single-original-"]{object-fit:contain;object-position:center;background:#eee}
.shower-preview-image:not(.has-layout) img[src*="/door-panel-closed-"],.shower-preview-image:not(.has-layout) img[src*="/steam-closed-"],.shower-preview-image:not(.has-layout) img[src*="/single-original-"]{object-fit:contain;padding:12px 12px 38px;object-position:center}
@media(max-width:760px){.shower-preview-image.is-measurement{height:300px;min-height:300px}.shower-preview-image.is-measurement img{padding-bottom:27px}}