/* Fixed native-dp art. Everything is scoped: surrounding site typography stays untouched. */
.phone-preview{position:relative;width:411px;height:915px;overflow:hidden;isolation:isolate;transform-origin:top left;box-sizing:border-box;background:#101412;color:#f4f1e8;font:400 17px/1.4 Roboto,Arial,sans-serif;text-align:left;letter-spacing:normal;user-select:none;pointer-events:none;-webkit-font-smoothing:antialiased}
.phone-preview *{box-sizing:border-box}
.phone-preview svg{display:block;width:22px;height:22px;flex:none;overflow:visible}
.phone-preview img{display:block;max-width:none;margin:0;border:0;box-shadow:none}
.phone-preview .pp-status{position:absolute;z-index:6;top:0;left:0;right:0;height:48px;padding:14px 18px 0;display:flex;align-items:flex-start;justify-content:space-between;font-size:14px;line-height:20px;font-weight:500;color:#f4f1e8}
.phone-preview .pp-status-icons{display:flex;align-items:center;gap:5px;padding-top:1px}
.phone-preview .pp-status-icons svg{width:16px;height:16px}
.phone-preview .pp-system-nav{position:absolute;z-index:6;bottom:0;left:0;right:0;height:48px;background:#131a19;display:flex;align-items:center;justify-content:space-evenly;color:#fff}
.phone-preview .pp-system-nav svg{width:22px;height:22px}
.phone-preview .pp-chevron{margin-left:auto;display:grid;place-items:center;color:#c9d0c8}
.phone-preview .pp-chevron svg{width:20px;height:20px}
.phone-preview[data-home-background]{--pp-home-ink:#f4f1e8;--pp-home-muted:#d5ddd5;--pp-home-line:#f4f1e82e;--pp-home-control:#151b17f2;color:var(--pp-home-ink)}
.phone-preview[data-home-background=paper]{--pp-home-ink:#1c2822;--pp-home-muted:#435446;--pp-home-line:#1c28222e;--pp-home-control:#f4f1e8f2;background:#f6f3ea}
.phone-preview[data-home-background=charcoal]{background:#101412}
.phone-preview .pp-ocean-photo{position:absolute;inset:0;background:url('/assets/phone257-venice.jpg') center/cover no-repeat}
.phone-preview[data-home-background=charcoal] .pp-ocean-photo,.phone-preview[data-home-background=paper] .pp-ocean-photo{display:none}
.phone-preview[data-home-background=photo] .pp-ocean-photo{background-image:url('/assets/family-tree-photo.jpg')}
.phone-preview .pp-ocean-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgb(16 20 18 / .55) 0%,rgb(16 20 18 / .12) 25%,rgb(16 20 18 / .18) 50%,rgb(16 20 18 / .76) 75%,rgb(16 20 18 / .94) 100%)}
.phone-preview .pp-clock-shade{display:none}
.phone-preview[data-home-background=charcoal] .pp-ocean-shade,.phone-preview[data-home-background=paper] .pp-ocean-shade{display:none}
.phone-preview[data-home-background] .pp-status,.phone-preview[data-home-background] .pp-system-nav{color:var(--pp-home-ink)}
.phone-preview[data-home-background] .pp-system-nav{background:transparent}
.phone-preview .pp-home-top{position:absolute;top:58px;left:22px;right:11px;min-height:48px;display:flex;align-items:center;gap:8px}
.phone-preview .pp-home-date{flex:1;color:var(--pp-home-muted);font-size:12px;line-height:18px;letter-spacing:1.4px}
.phone-preview .pp-home-settings{display:grid;place-items:center;width:48px;height:48px;flex:none}
.phone-preview .pp-home-settings svg{width:21px;height:21px}
.phone-preview .pp-home-clock{position:absolute;top:108px;left:22px;height:96px;display:flex;align-items:baseline;gap:11px;white-space:nowrap}
.phone-preview .pp-home-clock>span{font:500 88px/1 Roboto,Arial,sans-serif;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.phone-preview .pp-home-clock>small{font:400 14px/1.4 Roboto,Arial,sans-serif;color:var(--pp-home-muted)}
.phone-preview .pp-daylight{position:absolute;left:22px;top:209px;width:367px;height:80px;color:var(--pp-home-muted)}
.phone-preview .pp-daylight>svg{width:367px;height:55px}
.phone-preview .pp-daylight-times{display:flex;justify-content:space-between;margin-top:4px;font-size:11px;line-height:16px}
.phone-preview[data-home-daylight=false] .pp-daylight{visibility:hidden}
.phone-preview .pp-home-rows{position:absolute;bottom:146px;left:22px;right:22px}
.phone-preview .pp-home-row{display:flex;align-items:center;gap:13px;height:62px;border-top:1px solid var(--pp-home-line);font-size:19px;line-height:27px}
.phone-preview .pp-home-row>svg{width:21px;height:21px}
.phone-preview .pp-home-row>span:not(.pp-chevron){flex:1;min-width:0}
.phone-preview .pp-home-count{font-size:12px;color:var(--pp-home-muted);white-space:nowrap}
.phone-preview[data-home-background] .pp-chevron{color:var(--pp-home-muted)}
.phone-preview .pp-home-split{gap:0}
.phone-preview .pp-home-split>span{display:flex;align-items:center;gap:10px;min-width:0}
.phone-preview .pp-home-split>span svg{width:21px;height:21px}
.phone-preview .pp-home-split>i{width:1px;height:22px;margin:0 12px;background:var(--pp-home-line)}
.phone-preview .pp-ask{position:absolute;display:flex;align-items:center;font-size:17px;line-height:24px}
.phone-preview .pp-home-ask{bottom:68px;left:22px;right:22px;height:58px;padding:12px 18px;border:1px solid var(--pp-home-line);border-radius:29px;background:var(--pp-home-control);font-size:19px;gap:12px}
.phone-preview .pp-home-ask>span:not(.pp-ask-voice){flex:1;min-width:0}
.phone-preview .pp-home-ask>svg{width:21px;height:21px}
.phone-preview .pp-ask-mark{display:grid;place-items:center;flex:none}
.phone-preview .pp-ask-voice{margin-left:auto;display:grid;place-items:center;width:24px;height:24px;flex:none}
.phone-preview .pp-home-ask .pp-ask-voice svg{width:21px;height:21px}
.phone-preview .pp-home-myday small{display:block;margin-top:1px;font-size:11px;line-height:14px;color:var(--pp-home-muted)}
.phone-preview.pp-large-text .pp-home-split{height:124px;display:flex;flex-direction:column;align-items:stretch}
.phone-preview.pp-large-text .pp-home-split>span{min-height:62px;border-top:1px solid var(--pp-home-line)}
.phone-preview.pp-large-text .pp-home-split>span:first-child{border-top:0}
.phone-preview.pp-large-text .pp-home-split>i{display:none}
.phone-preview.pp-large-text .pp-home-row{font-size:24px}
.phone-preview.pp-large-text .pp-home-clock>span{font-size:76px}
.phone-preview .pp-page-heading{position:absolute;top:48px;left:16px;right:8px;height:60px;padding-top:4px;padding-bottom:8px;display:flex;align-items:center}
.phone-preview .pp-back{width:48px;height:48px;display:grid;place-items:center;flex:none}
.phone-preview .pp-back svg{width:20px;height:20px}
.phone-preview .pp-page-title{flex:1;min-width:0;padding-right:8px;font:400 32px/1.25 Georgia,'Times New Roman',serif;white-space:nowrap}
.phone-preview.pp-settings .pp-page-title{font-size:24px}
.phone-preview .pp-find-apps{display:grid;place-items:center;flex:none;height:48px;padding:8px 16px;border:1px solid #ffffff38;border-radius:24px;font-size:15px;white-space:nowrap}
.phone-preview .pp-page-settings{width:48px;height:48px;margin-left:6px;display:grid;place-items:center;flex:none}
.phone-preview .pp-search{position:absolute;top:116px;left:16px;right:16px;height:52px;border:1px solid #ffffff38;border-radius:26px;padding:0 16px;display:flex;align-items:center;gap:10px;font-size:16px;color:#c9d0c8}
.phone-preview .pp-search svg{width:18px;height:18px}
.phone-preview .pp-app-window{position:absolute;top:180px;bottom:126px;left:16px;right:16px;overflow:hidden}
.phone-preview .pp-app-list{position:relative;width:100%;will-change:transform}
.phone-preview .pp-index-row{display:flex;align-items:center;gap:14px;min-height:64px;margin-bottom:8px;padding:10px 12px;border:1px solid #ffffff38;border-radius:22px;background:#101412;font-size:17px;line-height:24px}
.phone-preview .pp-index-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:#3a403c;overflow:hidden}
.phone-preview .pp-index-icon svg{width:22px;height:22px}
.phone-preview .pp-index-icon.pp-app-artwork{background:transparent}
.phone-preview .pp-app-artwork img{width:40px;height:40px;object-fit:cover}
.phone-preview .pp-index-label{flex:1;min-width:0}
.phone-preview .pp-index-ask{left:16px;right:16px;top:797px;height:62px;padding-left:8px;border:1px solid #ffffff47;border-radius:22px;background:#10141244;font-size:18px}
.phone-preview .pp-index-ask .pp-ask-mark{width:46px;height:46px;margin-right:17px;border:1px solid #ffffff47;border-radius:14px;position:relative}
.phone-preview .pp-index-ask .pp-ask-mark:after{position:absolute;left:54px;top:8px;height:28px;width:1px;content:'';background:#ffffff47}
.phone-preview .pp-index-ask .pp-ask-mark svg{width:30px;height:30px}
.phone-preview .pp-index-ask .pp-ask-voice{width:46px;height:46px;margin-right:8px}
.phone-preview .pp-index-ask .pp-ask-voice svg{width:22px;height:22px}
.phone-preview .pp-settings-window{bottom:48px}

/* Product gallery preserves each other preview’s wallpaper choice. */
.phone-preview .pp-privacy-note{padding:14px 12px;color:#d5ddd5;font-size:13px;line-height:1.5}
.phone-preview .pp-privacy-note strong,.phone-preview .pp-privacy-note span{display:block}
.phone-preview .pp-privacy-note strong{color:#f4f1e8;margin-bottom:5px}
.product-phone-art .phone-preview{pointer-events:auto}
.product-phone-art .pp-app-window{overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#718276 #101412;touch-action:pan-y}
.product-phone-art .pp-app-list{will-change:auto}
.product-phone-art .pp-app-window:focus-visible{outline:2px solid #b4c6b6;outline-offset:-2px}
.product-phone-art .pp-settings-window .pp-index-row{min-height:58px;margin-bottom:7px;font-size:16px}

.product-phone-art .pp-catalog-window{bottom:56px}
.phone-preview .pp-catalog-row{min-height:74px}
.phone-preview .pp-catalog-row .pp-index-label small{display:block;margin-top:2px;color:#b9c4bb;font-size:12px;line-height:17px}
.phone-preview .pp-catalog-add{padding:5px 10px;border:1px solid #ffffff38;border-radius:18px;color:#d9e5db;font-size:13px}