.phone-video-expand{position:absolute;right:calc(3.3% + 12px);bottom:calc(1.55% + 12px);z-index:40;display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:#fff;cursor:pointer;border-radius:50%;filter:drop-shadow(0 1px 2px #0007)}
.phone-video-expand:before{content:'';position:absolute;inset:7px;z-index:-1;border-radius:50%;background:#42554d3b;box-shadow:inset 0 0 0 .5px #ffffff8b;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.phone-video-expand svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
/* The explainer transport owns the bottom row; fullscreen sits above it. */
.gm-phone>.phone-video-expand{bottom:calc(1.55% + 68px)}
.phone-video-expand:focus-visible{outline:2px solid #42a583;outline-offset:-2px}
.phone-video-fullview-open{overflow:hidden!important}
.phone-video-dialog{position:fixed;inset:0;margin:auto;width:100vw;max-width:none;height:100dvh;max-height:none;background:transparent;border:0;padding:0;overflow:hidden;display:grid;place-items:center}
.phone-video-dialog:not([open]){display:none}
.phone-video-dialog::backdrop{background:#0d1512b8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
body.visitor-flow #main .phone-video-dialog .phone-video-fullview{position:relative;inset:auto;width:min(460px,calc(100vw - 20px),calc((100dvh - 20px)*.47794))!important;height:auto!important;max-width:none!important;aspect-ratio:71.5/149.6!important;margin:0!important;transform:none!important}
body.visitor-flow #main .phone-video-dialog .phone-video-fullview .phone-video-expand{bottom:calc(1.55% + 12px);right:calc(3.3% + 12px)}

.phone-fullview-toggle{position:absolute;left:calc(3.3% + 12px);bottom:calc(1.55% + 12px);z-index:40;display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:#fff;cursor:pointer;border-radius:50%;filter:drop-shadow(0 1px 2px #0007)}
.phone-fullview-toggle:before{content:'';position:absolute;inset:7px;z-index:-1;border-radius:50%;background:#42554d3b;box-shadow:inset 0 0 0 .5px #ffffff8b;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.phone-fullview-toggle svg{width:17px;height:17px}
.phone-fullview-toggle:focus-visible{outline:2px solid #42a583;outline-offset:-2px}
.phone-video-fullview>.reel-actions{right:calc(3.3% + 12px)}
.phone-video-dialog[open]{animation:be-video-fullview-in .24s cubic-bezier(.22,.78,.25,1);animation-play-state:running!important}
@keyframes be-video-fullview-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.phone-video-fullview>.reel-actions{right:calc(3.3% + 12px)}
.phone-video-dialog[open]{animation:none}}

/* The reel occupies the complete mobile viewport, without a second hardware bezel. */
@media(max-width:820px){
 body.visitor-flow #main .phone-video-dialog .phone-video-fullview{width:100vw!important;height:100dvh!important;aspect-ratio:auto!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
 body.visitor-flow #main .phone-video-dialog .phone-video-fullview .phone-display{inset:0!important;width:100%!important;height:100%!important;border:0!important;border-radius:0!important;overflow:hidden!important}
 body.visitor-flow #main .phone-video-dialog .phone-video-fullview :is(.phone-status,.phone-key,.phone-home){display:none!important}
 body.visitor-flow #main .phone-video-dialog .phone-video-fullview :is(.app-screens,.app-screen){height:100%!important;border-radius:0!important}
 body.visitor-flow #main .phone-video-dialog .phone-video-fullview .app-motion{inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;border-radius:0!important}
}

@media(max-width:820px){.phone-video-fullview>.reel-actions{right:max(12px,env(safe-area-inset-right))}}
/* A portrait film fills its own full view, including safe-area controls on iOS. */
@media(max-width:820px){
 body.visitor-flow #main .phone-video-dialog .selfie-device.phone-video-fullview{background:#101512!important}
 body.visitor-flow #main .phone-video-dialog .selfie-device.phone-video-fullview .selfie-screen{inset:0;width:100%;height:100%;aspect-ratio:auto;transform:none;border-radius:0;box-shadow:none;background:#101512}
 .phone-video-dialog .selfie-device .selfie-island{display:none}
 .phone-video-dialog .selfie-device :is(.selfie-video,.selfie-poster){object-fit:contain}
 body.visitor-flow #main .phone-video-dialog .selfie-device.phone-video-fullview>.phone-video-expand{bottom:calc(56px + env(safe-area-inset-bottom));right:max(10px,env(safe-area-inset-right))}
}