/* Shared by the original photo and its native-sticky parent preview. */
.preview-controls{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:5px;width:max-content;max-width:calc(100% - 24px);padding:6px;border:1px solid #e2e5ec;border-radius:15px;background:#fffffff5;box-shadow:0 6px 18px #0c1f621c;z-index:2;color:#0c1f62}
.preview-views{display:flex;align-items:center;gap:3px;min-width:0}
.preview-controls button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 14px;border:0;border-radius:10px;background:transparent;color:#0c1f62;font:600 13px/1.2 'Bricolage Grotesque',sans-serif;white-space:nowrap;cursor:pointer;touch-action:manipulation}
.preview-controls button[aria-pressed=true]{background:#0c1f62;color:#fff;box-shadow:0 2px 5px #0c1f6220}
.preview-controls button:focus-visible{outline:3px solid #f58220;outline-offset:2px}
.preview-controls .preview-roof,.photo-controls #close-roof.preview-roof{border:0;border-left:1px solid #d9deeb;border-radius:0 10px 10px 0;background:transparent;margin-left:4px;padding:10px 14px;font-size:13px}
.preview-controls .preview-roof span{font-size:18px;line-height:1}
.preview-controls [hidden]{display:none!important}
.preview-model{position:absolute;top:12px;right:16px;font:600 12px/1.4 'Bricolage Grotesque',sans-serif;color:#53628b;pointer-events:none}
.photo-stage{padding-bottom:76px}
.builder[data-current-step="2"] .photo-stage{padding-bottom:0}
.builder[data-current-step="2"] .preview-controls,.builder[data-current-step="2"] .preview-model{display:none}
.builder-preview canvas{height:auto}
.interior-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px;padding:11px 20px;background:#fff;color:#0c1f62;border-bottom:1px solid #e2e5ee;font-family:'Bricolage Grotesque',sans-serif}
.interior-caption small{display:block;font-size:11px;line-height:1.4;color:#53628b}
.interior-caption strong{display:block;font-size:16px;line-height:1.4;font-weight:700}
.interior-finish{font-size:11px;font-weight:600;color:#53628b;text-align:right;max-width:125px}
.interior-caption[hidden],.builder-preview .preview-controls[hidden],.builder-preview .preview-model[hidden]{display:none!important}
@media(max-width:360px){.preview-controls{max-width:calc(100% - 16px);gap:2px;padding:5px}.preview-controls button,.photo-controls #close-roof.preview-roof,.preview-controls .preview-roof{font-size:12px;padding:10px 9px;gap:5px}.preview-controls .preview-roof{margin-left:2px}}