.desktop-preview{height:562.5px;background:#fff}.capture-image{display:block;width:100%;height:100%;object-fit:contain;object-position:top;background:#fff}.phone-preview{background:#fff}.phone-preview .capture-image{height:auto}.backplate{height:535px}.view-controls{flex:none}#large-preview{border-radius:8px;background:#fff}#large-preview .capture-image{height:auto}#large-preview[data-format=phone]{width:390px;max-width:100%}.dialog-scroll{scroll-behavior:auto}@media(min-width:768px) and (max-width:1150px){.backplate{height:440px}.phone-preview{height:332px}}@media(max-width:767px){.view-controls button{font-size:12px;padding-left:13px;padding-right:13px}.hero-art .backplate{height:500px}.phone-preview .capture-image{height:auto}#large-preview[data-format=desktop]{width:1000px;max-width:none}}

/* Captures crossfade inside fixed screens; device geometry stays unchanged. */
.desktop-preview [data-capture],.phone-preview [data-capture]{position:absolute;left:0;top:0;width:100%}
.phone-preview{position:relative}
.manual-switch [data-capture]{transition:opacity .55s ease}
@media(max-width:767px){.hero-art .phone-preview{position:absolute}}
@media(prefers-reduced-motion:reduce){.manual-switch [data-capture]{transition:none}}