/* Shell, presentation sizing and shared App primitives. No story state lives here. */
#phone-slot,#full-phone-slot{width:100%;min-width:0;display:flex;justify-content:center}
.phone-preview-viewport{position:relative;flex-shrink:0;margin:0 auto;isolation:isolate}
.phone-preview-stage{position:absolute;top:0;left:0;width:calc(var(--phone-logical-width) + 2 * var(--phone-frame-border));height:calc(var(--phone-logical-height) + 2 * var(--phone-frame-border));transform:scale(var(--phone-preview-scale,1));transform-origin:top left}
.phone-preview-stage>.device,.dialog-player .device{width:calc(var(--phone-logical-width) + 2 * var(--phone-frame-border));height:calc(var(--phone-logical-height) + 2 * var(--phone-frame-border));margin:0;border-width:var(--phone-frame-border);border-radius:var(--phone-frame-radius);background:#111;color:var(--ios-label);font-size:var(--ios-body-size);line-height:1.45;outline:1px solid #606263;box-shadow:0 18px 38px #18231d33,0 2px 5px #0005;overflow:clip}
.dialog-player #full-phone-slot{width:100%;height:auto}
.dialog-player #full-phone-slot .device{transform:none;transform-origin:initial;margin:0}
.dialog-player{width:min(457px,100%);padding:20px 24px;max-height:calc(100dvh - 32px);overflow:hidden}
.dialog-player .preview-title,.dialog-player .preview-controls,.dialog-player .preview-caption{max-width:none;width:100%}
.dialog-player .preview-title{margin:0 0 14px}.dialog-player .preview-controls{padding-top:15px}.dialog-player .preview-caption{margin-top:10px}
.dialog-backdrop:has(.dialog-player){padding:16px}
.sim-device:before{width:var(--phone-island-width);height:var(--phone-island-height);top:var(--phone-island-top);background:#050505;border-radius:24px}
.sim-device .phone-content{position:absolute;inset:0;width:var(--phone-logical-width);height:var(--phone-logical-height);overflow:hidden}
.sim-device .phone-status{height:var(--phone-safe-top);padding:0 25px 0 30px;font-size:var(--phone-status-size);font-weight:650;line-height:1;align-items:center}
.sim-device .phone-status .right-status{gap:6px}.sim-device .phone-status svg{width:17px;height:14px}.sim-device .phone-status svg:last-child{width:27px;height:14px}
.sim-device .phone-status .sys-status-button{min-height:44px;min-width:88px;justify-content:flex-end;gap:6px}
.sim-device .phone-home-bar{height:44px;width:170px;bottom:0;padding:0;align-items:flex-end;padding-bottom:8px}
.sim-device .phone-home-bar:after{width:var(--phone-home-width);height:var(--phone-home-height);border-radius:5px}
.sim-device button.sim-side-lock[data-action]{height:64px;top:180px;width:5px;min-width:0;min-height:0}
.sim-device>.sim-overlay-host{border-radius:var(--phone-screen-radius);clip-path:inset(0 round var(--phone-screen-radius))}
.sim-device button[data-action]{min-height:var(--ios-control-min-size);min-width:var(--ios-control-min-size)}
.sim-device .icon{width:24px;height:24px}
.sim-device .phone-page{font-size:var(--ios-body-size);line-height:1.45}
.sim-device .sim-page{padding-top:var(--phone-safe-top)}
.sim-device .sim-nav{height:var(--ios-nav-height);padding:0 12px;gap:6px}
.sim-device .sim-nav>b{font-size:var(--ios-nav-title-size)}
.sim-device .sim-nav>button{min-height:44px;font-size:17px;gap:2px;white-space:nowrap}
.sim-device .sim-back{font-size:17px;min-height:44px;min-width:44px}
.sim-device .sim-back .icon{width:20px;height:28px}
.sim-device .sim-large-title,.sim-device .ios-title{font-size:var(--ios-large-title-size);line-height:1.2;letter-spacing:-.9px;margin:8px 16px 16px}
.sim-device .sim-search{height:38px;margin:0 16px 12px;padding:0 10px;gap:8px;border-radius:10px}
.sim-device .sim-search .icon{width:18px;height:18px;flex-shrink:0}
.sim-device .sim-search-input{font-size:17px;line-height:38px;min-height:38px}
.sim-device .sim-list-scroll{padding-bottom:var(--phone-safe-bottom)}
.sim-device .sim-list-foot{height:52px;padding-bottom:20px;font-size:12px}
.sim-device .phone-empty{font-size:15px;padding:56px 20px}.sim-device .ios-empty{font-size:22px;padding:120px 20px}.sim-device .ios-empty small{font-size:14px}
/* Lock, PIN and notifications share the same safe areas as Apps. */
.sim-device .sim-lock-glyph{top:78px}.sim-lock-glyph .icon{width:22px;height:24px}
.sim-device .sim-lock .lock-date{top:120px;font-size:20px;letter-spacing:0}
.sim-device .sim-lock .lock-time{top:150px;font-size:var(--phone-lock-clock-size);letter-spacing:-4px;line-height:1.1;font-weight:300}
.sim-device .sim-lock .lock-owner{top:270px;font-size:13px;letter-spacing:.4px}
.sim-device .sim-lock-notices{top:365px;left:12px;right:12px;max-height:330px}
.sim-device .sim-lock .lock-card{padding:14px;gap:11px;margin-bottom:10px;border-radius:22px;min-height:100px}
.sim-device .sim-lock .lock-card p{font-size:15px!important;max-height:74px;line-height:1.5!important;margin:5px 0 0!important}
.sim-lock .lock-card strong{font-weight:600}.sim-device .lock-card b,.sim-device .wx-notice-head b{font-size:14px}.sim-device .lock-card small,.sim-device .wx-notice-head small{font-size:12px}
.sim-device .wx-notice-icon{width:36px;height:36px;border-radius:9px}.sim-device .wx-notice-icon svg{width:34px;height:34px}
.sim-device .sim-lock-shortcuts{bottom:58px;left:38px;right:38px}.sim-device .sim-lock-shortcuts button{height:50px;width:50px}.sim-lock-shortcuts .icon{width:23px;height:23px}
.sim-device .sim-lock .lock-enter{bottom:24px;font-size:14px;min-height:30px}
.sim-device .pin-screen{padding-top:97px}.sim-device .sim-pin-lock{margin-bottom:18px}.sim-device .sim-pin-lock .icon{width:27px;height:30px}.sim-device .pin-screen h3{font-size:21px}
.sim-device .pin-dots{margin:28px 0 38px;gap:25px}.sim-device .pin-dots i{width:12px;height:12px}
.sim-device .pin-keys{grid-template-columns:repeat(3,76px);gap:18px 28px}.sim-device .pin-keys button{height:76px;width:76px}.sim-device .pin-keys button>span{font-size:36px}.sim-device .pin-keys button>small{font-size:10px;letter-spacing:1.5px;margin-top:4px;min-height:12px}
.sim-device .pin-error{font-size:14px;margin-top:16px;height:23px}.sim-device .sim-pin-footer{bottom:56px;left:32px;right:32px;font-size:15px;align-items:center}.sim-device .sim-pin-footer>button{font-size:15px}
.sim-device .sim-banner{top:62px;left:10px;right:10px;padding:14px;border-radius:21px;gap:10px}.sim-device .sim-banner-body>small{font-size:12px;margin-bottom:4px}.sim-device .sim-banner-body b{font-size:15px}.sim-device .sim-banner-body p{font-size:15px;line-height:1.5;margin:5px 0 0}.sim-device .sim-banner>.icon-button{align-self:flex-start;width:44px;height:44px;flex-shrink:0}.sim-device .sim-banner>.icon-button .icon{width:16px;height:16px}
.sim-device .sim-alert{width:285px;border-radius:18px;padding-top:24px}.sim-device .sim-alert>b{font-size:18px}.sim-device .sim-alert>p{font-size:15px;line-height:1.7;margin:10px 24px 23px}.sim-device .sim-alert>button{font-size:17px;min-height:48px;padding:10px}
.sim-device .call-screen{padding:110px 30px 56px}.sim-device .call-screen .avatar{height:96px;width:96px;margin-bottom:20px}.sim-device .call-screen h3{font-size:34px;margin-bottom:10px}.sim-device .call-screen>small{font-size:15px}.sim-device .call-caption{font-size:18px;line-height:1.8;margin:35px 0 14px;min-height:130px;padding:17px;border-radius:16px}.sim-device .call-caption small{font-size:13px;margin-bottom:8px}.sim-device .call-control{font-size:14px;gap:12px}.sim-device .call-control span{width:68px;height:68px}.sim-device .call-control .icon{width:30px;height:30px}.sim-device .ios-call-options{gap:32px;padding-top:18px}.sim-device .ios-call-options>button{font-size:13px;padding:12px}.sim-device .ios-call-options .icon{width:30px;height:30px}
.sim-device .phone-end{padding:135px 30px 40px}.sim-device .phone-end h3{font-size:28px}.sim-device .phone-end p{font-size:16px;line-height:1.9}.sim-device .phone-end>.icon{width:48px;height:48px}.sim-device .phone-end>.btn{font-size:16px;padding:12px 20px}
/* Control Center and cached task thumbnails remain functional at the new size. */
.sys-control-panel{padding:76px 24px 40px}.sys-control-panel>header,.sys-switcher>header{font-size:14px;margin-bottom:24px}.sys-control-panel>header button,.sys-switcher>header button{width:44px;height:44px}.sys-control-panel header .icon,.sys-switcher header .icon{width:19px;height:19px}
.sys-connect-grid{gap:14px}.sys-connect-grid button{height:125px;border-radius:22px;gap:6px}.sys-connect-grid button strong{width:44px;height:44px;font-size:31px}.sys-connect-grid button span{font-size:16px}.sys-connect-grid button small{font-size:12px}
.sys-slider-card{margin-top:18px;border-radius:22px;padding:20px 16px;gap:18px}.sys-slider-card label{grid-template-columns:66px 1fr 36px;gap:9px;font-size:14px;min-height:44px}.sys-slider-card input{height:36px}.sys-slider-card output{font-size:12px}.sys-quick-apps{margin-top:20px;gap:14px}.sys-quick-apps button{height:80px;border-radius:20px;font-size:12px;gap:8px}.sys-quick-apps .icon{width:25px;height:25px}.sys-panel-hint{font-size:13px;margin-top:30px}
.sys-switcher{padding:74px 0 34px}.sys-switcher>header{padding:0 24px;margin-bottom:26px}.sys-switcher>header b{font-size:18px}.sys-app-card>header{height:46px;font-size:13px;gap:8px}.sys-app-card>header>button{height:36px;width:36px}.sys-app-glyph{height:28px;width:28px;border-radius:7px}.sys-app-glyph .icon{height:18px;width:18px}.sys-app-card>header>button .icon{height:15px;width:15px}.sys-app-preview{height:390px}.sys-app-preview [data-app-preview]>.phone-page,.sys-app-preview [data-app-preview]>.wallpaper{width:var(--phone-logical-width);height:var(--phone-logical-height);transform:scale(.4580152672)}
.sys-switcher>.sys-panel-hint{margin:12px 0 0}.sys-no-apps{font-size:17px}

/* Wallpaper is an image surface, independent for lock and Home; never stretch. */
.sim-device .wallpaper{position:relative;height:100%;width:100%;color:white;background:#152539 center center / cover no-repeat}
.sim-device .wallpaper:after{display:none}
.sim-device .wallpaper[data-wallpaper="forest"]{background-image:linear-gradient(145deg,#173f45,#74a28a)}
.sim-device .wallpaper[data-wallpaper="amber"]{background-image:linear-gradient(145deg,#773e45,#e5b394)}
.sim-device .wallpaper[data-wallpaper="dusk"]{background-image:linear-gradient(145deg,#26354f,#9d9bbd)}
.sim-device .sim-lock:before{content:'';position:absolute;inset:0;background:linear-gradient(#0013292b,transparent 40%,#00112045);pointer-events:none}
.sim-device .sim-lock .lock-card{background:#e9edf1d9;backdrop-filter:blur(26px) saturate(1.3);box-shadow:0 2px 16px #061a2920;color:#12171c}