#modal:has(.room-picker){width:min(1020px,calc(100vw - 32px));max-width:1020px}
.room-picker>h2{margin:10px 0 12px}.room-picker>p{line-height:1.7}.personal-room{margin:8px 0 22px!important;text-align:left!important;background:#eef0e8!important}
.example-room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}
.example-room-card{border:1px solid #dddcd2;border-radius:18px;overflow:hidden;background:#fffdf7;min-width:0}
.room-card-open{display:block;width:100%;background:none;border:0;padding:0;text-align:left;color:inherit;cursor:pointer}
.room-card-open:hover .example-room-cover img{transform:scale(1.035)}
.example-room-cover{height:190px;position:relative;background:linear-gradient(150deg,#f8f5ed,var(--room-accent));overflow:hidden}
.example-room-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s;mix-blend-mode:normal}
.example-room-cover span{position:absolute;bottom:12px;left:12px;padding:6px 9px;border-radius:5px;background:#fffdf5ee;font-size:10px;letter-spacing:.12em;font-weight:700;color:var(--room-accent)}
.example-room-copy{padding:16px}.example-room-copy small{color:var(--room-accent);font-size:11px}.example-room-copy h3{font-size:16px;line-height:1.45;margin:7px 0 10px}.example-room-copy p{font-size:12px;line-height:1.75;margin:0 0 14px;min-height:65px}.example-room-copy strong{font-size:12px;color:var(--room-accent)}
.room-reset{display:block;margin:0 16px 16px;font-size:11px!important;text-decoration:underline;text-underline-offset:3px;color:#77766c!important}
.room-picker details{margin:18px 0;padding:14px 0;border-top:1px solid #e1e2d7}.room-picker summary{cursor:pointer;font-size:12px;color:#666c60}.room-source-note p{font-size:12px;line-height:1.8}
.room-switching .stage,.room-switching .topbar,.room-switching #modal-close{pointer-events:none}.room-switching #modal-close{visibility:hidden}
.direct-goods-picker{display:flex;align-items:center;gap:10px;font-size:12px;padding:10px 0 2px}.direct-goods-picker select{max-width:min(430px,65vw);padding:8px 12px;border:1px solid #d6d7ca;border-radius:8px;background:#fffcf4;color:#4b5549}
.photo-choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:10px;max-height:50vh;overflow:auto}.photo-choice-grid button{border:1px solid #d9dccf;border-radius:10px;background:#fff;padding:8px;cursor:pointer}.photo-choice-grid img{width:100%;height:95px;object-fit:contain}.photo-choice-grid span{display:block;font-size:10px;margin-top:5px;line-height:1.45}
.direct-design-picker{display:flex;align-items:center;gap:10px;font-size:12px;padding:8px 0 0;color:#56634e}.direct-design-picker select{min-width:0;max-width:min(420px,65vw);padding:7px 10px;border:1px solid #d6d7ca;border-radius:8px;background:#fffcf4;color:#4b5549}.model-catalog{margin:15px 0 24px}.model-catalog button{background:linear-gradient(145deg,#f8f4e9,#e6ebdf);border-color:#d3dcc9}.model-catalog small{font-size:9px;color:#75856b}
@media(min-width:761px){.inspection-controls:has(.direct-design-picker){min-width:620px}.inspection-controls:has(.direct-design-picker) .direct-goods-picker{display:inline-flex;width:52%;vertical-align:top;flex-wrap:wrap}.direct-design-picker{display:inline-flex;width:47%;vertical-align:top;flex-wrap:wrap}.direct-design-picker select,.inspection-controls:has(.direct-design-picker) .direct-goods-picker select{width:100%;max-width:100%}}
@media(max-width:760px){.direct-design-picker{font-size:10px;padding-top:7px}.direct-design-picker select{width:100%;max-width:100%}.inspection-controls:has(.direct-design-picker) .direct-goods-picker{padding-top:7px;flex-wrap:nowrap;font-size:10px}.inspection-controls:has(.direct-design-picker) .direct-goods-picker select{width:72%;font-size:10px}.direct-design-picker select{font-size:10px}}
@media(min-width:761px) and (max-width:1100px){.room-launcher{top:84px}.scene-heading{top:28px}.canvas-wrap{top:145px}.room-start-hint{display:none}}
@media(max-width:680px){.example-room-grid{grid-template-columns:1fr;gap:12px}.room-card-open{display:grid;grid-template-columns:112px 1fr}.example-room-cover{height:100%;min-height:180px}.example-room-cover span{font-size:7px;left:5px;bottom:6px;padding:5px}.example-room-copy{padding:13px}.example-room-copy h3{font-size:14px}.example-room-copy p{font-size:11px;min-height:0;margin-bottom:10px}.room-reset{margin:0 12px 12px auto;text-align:right}.room-picker>h2{font-size:21px}.direct-goods-picker{flex-wrap:wrap;gap:5px}.direct-goods-picker select{max-width:100%;width:100%}}

.room-picker-section{display:flex;align-items:center;gap:12px;margin:25px 0 14px;font-size:17px;font-weight:600}.room-picker-section span{font-size:11px;color:#8a8f80;font-weight:400}.current-room{border-color:var(--room-accent);box-shadow:0 0 0 1px var(--room-accent)}.room-palette{display:flex;gap:5px;margin:-4px 0 13px}.room-palette i{width:17px;height:17px;border:1px solid #0000000a;border-radius:50%}.start-screen-link{display:block;margin:22px auto 0}.first-room-footnote{text-align:center;color:#89917e;font-size:11px}.first-room-picker>h2{font-size:28px;letter-spacing:-1px}.first-room-picker .example-room-cover{height:210px}.first-room-picker .example-room-copy p{min-height:64px}.needs-room-choice #modal-close{display:none}.needs-room-choice #save-status{color:#8b8a7e}
@media(max-width:680px){.first-room-picker>h2{font-size:22px}.first-room-picker .room-card-open{grid-template-columns:120px 1fr}.first-room-picker .example-room-cover{height:100%;min-height:205px}.first-room-picker .example-room-copy p{min-height:0}.first-room-footnote{font-size:10px}.room-picker-section{margin-top:23px;font-size:15px}.room-palette{margin:0 0 9px}.room-palette i{width:13px;height:13px}}
@media(max-width:680px){.example-room-cover img{object-fit:contain}.first-room-picker .room-card-open{grid-template-columns:112px 1fr}.first-room-picker .example-room-cover{min-height:160px}.first-room-picker .example-room-copy{padding:11px}.first-room-picker .example-room-copy h3{margin:5px 0 7px}.first-room-picker .example-room-copy p{line-height:1.5;margin-bottom:8px}.first-room-picker .example-room-copy small{font-size:9px}.first-room-picker .example-room-copy strong{font-size:11px}}
