:root, body, #root { width: 100%; height: 100%; min-height: 100%; }
body.browser-fill { overflow: hidden; background: #eef1f7; }
body.browser-fill .phone-stage { width: 100%; height: 100vh; height: 100dvh; padding: 0; place-items: center; }
body.browser-fill .device-menu-bar,
body.browser-fill .phone-bezel,
body.browser-fill .device-camera,
body.browser-fill .mobile-cursor { display: none !important; }
body.browser-fill .phone-scale-box { position: relative; width: min(100%, 430px) !important; height: 100% !important; }
body.browser-fill .phone-device { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; transform: none !important; }
body.browser-fill .device-screen { inset: 0 !important; width: 100% !important; height: 100% !important; border-radius: 0 !important; box-shadow: 0 0 0 1px rgba(16,24,40,.08), 0 18px 70px rgba(24,32,53,.13); cursor: auto !important; }
body.browser-fill .device-screen,
body.browser-fill .device-screen * { cursor: auto !important; }
body.browser-fill .device-screen input,
body.browser-fill .device-screen textarea,
body.browser-fill .device-screen button,
body.browser-fill .device-screen a,
body.browser-fill .device-screen [role="button"] { cursor: pointer !important; }

@media (max-width: 639px) {
  body.browser-fill { background: #fff; }
  body.browser-fill .phone-scale-box { width: 100% !important; }
  body.browser-fill .device-screen { box-shadow: none; }
}