/* A scaled device for computers; real mobile devices keep the full-screen site. */
html[data-device-preview="desktop"] body { background:radial-gradient(ellipse at 50% 35%,#edf2f7,#cbd6e4); }
html[data-device-preview="desktop"] #phone { position:fixed; top:50%; left:50%; width:410px; height:864px; margin:0; border:10px solid #232a32; border-radius:52px; transform:translate(-50%,-50%) scale(var(--device-scale,1)); box-shadow:0 0 0 2px #8d98a4,0 0 0 5px #abb4bd,0 25px 55px #25334555,inset 0 0 0 1px #05090f; isolation:isolate; }
html[data-device-preview="desktop"] #phone .phone-screen { border-radius:40px; overflow:hidden; }
html[data-device-preview="desktop"] #phone .home-page { padding-top:90px; }
html[data-device-preview="desktop"] #phone .app-launch .app-icon { width:63px; height:63px; }
html[data-device-preview="desktop"] #phone .app-grid { gap:28px 12px; }
html[data-device-preview="desktop"] #phone .status-bar { padding-left:27px; padding-right:27px; }
html[data-device-preview="desktop"] #phone .desktop-bottom { position:absolute; left:16px; right:16px; bottom:14px; margin-top:0; }
html[data-device-preview="desktop"] #phone .dock { gap:13px; padding:16px 12px; }
html[data-device-preview="desktop"] #phone .notification-center { padding-top:93px; }
html[data-device-preview="desktop"] #phone .notification-clock>time { font-size:78px; }
html[data-device-preview="desktop"] #phone .notification-clock>p { font-size:17px; }
html[data-device-preview="desktop"] #phone .notification-scroll { height:38%; max-height:38%; }