/* Optional presentation fields, scoped to phone stories and absent by default. */
.ex-stage.ex-mobile .ex-cell.ex-mp-heading-size .ex-copy h3 { font-size: var(--ex-mp-heading-size); }
.ex-stage.ex-mobile .ex-cell.ex-mp-heading-leading .ex-copy h3 { line-height: var(--ex-mp-heading-leading); }
.ex-stage.ex-mobile .ex-cell.ex-mp-intro-size .ex-mobile-intro { font-size: var(--ex-mp-intro-size); }
.ex-stage.ex-mobile .ex-cell.ex-mp-intro-leading .ex-mobile-intro { line-height: var(--ex-mp-intro-leading); }
.ex-stage.ex-mobile .ex-cell.ex-mp-copy-width .ex-copy > :is(h3, .ex-prod, .ex-mobile-intro) { max-width: var(--ex-mp-copy-width); }
.ex-stage.ex-mobile .ex-cell:is(.ex-mp-copy-x, .ex-mp-copy-y) .ex-copy > :is(h3, .ex-prod, .ex-mobile-intro) { translate: var(--ex-mp-copy-x, 0px) var(--ex-mp-copy-y, 0px); }
.ex-stage.ex-mobile.ex-ready .ex-cell.ex-mp-media-height .ex-media { flex: 0 0 var(--ex-mp-media-height); height: var(--ex-mp-media-height); --mobile-art-height: var(--ex-mp-media-height); }
.ex-stage.ex-mobile.ex-ready .ex-cell.ex-mp-copy-gap .ex-media { margin-top: var(--ex-mp-copy-gap); }
.ex-stage.ex-mobile .ex-cell.ex-mp-details-y .ex-details-button { translate: 0 var(--ex-mp-details-y); }
.ex-stage.ex-mobile.ex-mp-banner-y .ex-brand-banner { top: var(--ex-mp-banner-y); }
.ex-stage.ex-mobile.ex-mp-banner-logo-scale .ex-brand-banner img { scale: var(--ex-mp-banner-logo-scale); }
.ex-stage.ex-mobile.ex-mp-nav-bottom .ex-zoom { bottom: calc(var(--ex-mp-nav-bottom) + env(safe-area-inset-bottom)); }
.ex-stage.ex-mobile.ex-mp-caption-size .ex-wlabel { font-size: var(--ex-mp-caption-size); }

/* Hold the calibration still while the phone studio is open. */
.ex-stage.ex-mobile.ex-system-mobile-editing :is(.ex-media, .ex-wires, .ex-wlabel) { animation: none; }