/* Preserve iPhone proportions as the available width changes. */
.phone{width:402px;max-width:100%;height:auto;min-height:0;aspect-ratio:402 / 810}
.preview-stage{min-height:0}
html:has(body.embedded){background:transparent;color-scheme:normal}
body.embedded,body.embedded.dark{background:transparent;--stage:transparent;--shadow:0 20px 28px #0006,0 0 0 1px #718098}
body.embedded .preview-toolbar,body.embedded .preview-guide,body.embedded .tour-bar{display:none}
body.embedded .preview-stage{padding:28px 12px;min-height:0}
body.embedded .phone{width:378px;max-width:100%;height:auto;min-height:0;aspect-ratio:402 / 810;border:8px solid #2c3442;border-radius:46px;box-shadow:var(--shadow)}
@media(max-width:430px){
 .phone{width:100%;height:auto;min-height:0;aspect-ratio:402 / 810}
 body.embedded .phone{border-width:6px;border-radius:40px;height:auto;min-height:0}
}
@media(max-width:360px){
 body.embedded .phone{border-radius:34px}
}