/* One reusable device. Reference: Apple's iPhone 18 Pro Max specifications.
   78 × 163.4 mm exterior ratio; button anchors follow Apple's side diagram.
   Status images are rendered from Apple's system SF Symbols via AppKit. */
.phone.iphone-device,.assistant-layout>.phone.iphone-device{
  --phone-width:290px;position:relative;width:var(--phone-width);height:auto;aspect-ratio:78 / 163.4;
  padding:0;border-radius:49px;background:none;box-shadow:none;overflow:visible;isolation:isolate;transform:none;flex:none;
}
.phone.iphone-device:before{display:none}
.iphone-shell{position:absolute;inset:0;padding:5px;border-radius:49px;background:linear-gradient(115deg,#f5f6f6 0%,#a8afb4 12%,#eceeee 27%,#bdc3c7 50%,#f0f1f1 72%,#9aa3aa 93%,#dce0e2);box-shadow:inset 0 0 0 1px #e8ecee,inset -1px 0 2px #606d78,0 20px 38px #23405c20,4px 3px 3px #1d34480d;z-index:2}
.iphone-screen{position:relative;width:100%;height:100%;border:4px solid #11171b;border-radius:44px;background:#f7f9fc;overflow:hidden;display:flex;flex-direction:column}
.iphone-key{position:absolute;z-index:1;display:block;background:linear-gradient(90deg,#9fa9b1,#e4e7e8 58%,#abb3b9);border:1px solid #919ca5;width:3px;border-radius:2px}
.iphone-key.action-key{left:-2px;top:20.5%;height:4.1%}
.iphone-key.volume-up{left:-2px;top:28.4%;height:7%}
.iphone-key.volume-down{left:-2px;top:37.2%;height:7%}
.iphone-key.power-key{right:-2px;top:29.5%;height:10.5%}
.iphone-key.camera-key{right:-2px;top:64%;height:7.2%;width:2px;background:#a5afb5}
.iphone-device .phone-status{position:relative;flex:none;display:flex;justify-content:space-between;align-items:center;height:44px;padding:4px 17px 0 22px;color:#10151a}
.iphone-device .phone-status time{font:600 14px/1 "SF Pro Text",-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.25px}
.iphone-device .phone-status .status-icons{display:flex;gap:4px;align-items:center;letter-spacing:0;height:15px}
.status-icons img{object-fit:contain;display:block;width:16px;height:12px}
.status-icons img.battery{width:24px;height:12px}
.iphone-device .dynamic-island{position:absolute;z-index:5;left:50%;top:10px;transform:translateX(-50%);width:60px;height:23px;border-radius:15px;background:#090b0d;box-shadow:inset 0 0 0 1px #171b20;pointer-events:none}
.dynamic-island:after{content:"";position:absolute;width:6px;height:6px;right:9px;top:8px;background:radial-gradient(circle at 35% 35%,#17365b,#101b2d 40%,#07090d 70%);border-radius:50%}
.iphone-device .phone-head{flex:none;padding:10px 17px 15px;font-size:22px;font-weight:650;line-height:1.3;letter-spacing:-.02em}
.iphone-device .phone-content,.assistant-phone.iphone-device .phone-content{padding:0 13px 10px;flex:1;min-height:0;height:auto;overflow:auto;scrollbar-width:none}
.iphone-device .phone-content::-webkit-scrollbar{display:none}
.iphone-device .phone-home,.assistant-phone.iphone-device .phone-home{position:relative;left:auto;bottom:auto;height:24px;flex:none;width:100%;background:#f7f9fc;border-radius:0}
.iphone-device .phone-home:after{content:"";display:block;position:absolute;bottom:7px;left:50%;transform:translateX(-50%);height:4px;width:101px;background:#141b21;border-radius:10px}
.iphone-device .phone-row{padding:17px 4px}
.iphone-device .phone-row small{font-size:13px;margin-bottom:7px;color:#8395a5}
.iphone-device .phone-row strong{font-size:17px;line-height:1.5}
.iphone-device .phone-button{font-size:16px;line-height:1.3;min-height:46px;padding:13px 8px;margin-top:16px;border-radius:11px}
.iphone-device .profile{padding-top:3px}.iphone-device .profile>span{width:43px;height:43px;border-radius:13px}
.iphone-device .profile h3{font-size:19px}.iphone-device .phone-tabs{font-size:16px;gap:28px}
.iphone-device .parent-summary{padding:18px 14px;border-radius:13px}
.iphone-device .parent-summary h3{font-size:18px;line-height:1.5;margin:10px 0 19px}
.iphone-device .parent-summary b{font-size:43px}
.iphone-device .parent-summary b>small{font-size:13px}
.iphone-device .ai-intro{font-size:17px;margin:1px 0 12px}
.iphone-device .ai-intro small{font-size:11px}
.iphone-device .ai-messages{height:265px;gap:10px;padding:0 1px}
.iphone-device .ai-bubble{font-size:15px;padding:11px;line-height:1.7;border-radius:13px}
.iphone-device .ai-bubble small{font-size:11px;margin-top:7px}
.iphone-device .ai-summary-title{font-size:15px;font-weight:600;color:#355f82}
.iphone-device .ai-summary{display:grid;grid-template-columns:1fr auto;gap:10px 6px;align-items:center;padding:15px 0 10px;border-bottom:1px solid #e6edf3}
.iphone-device .ai-summary>span{font-size:13px;color:#8299ac}
.iphone-device .ai-summary>strong{font:500 25px/1.2 Arial,sans-serif;color:#2367e8;letter-spacing:-.03em}
.iphone-device .ai-summary em{font:11px var(--deck-font);color:#7c95aa;letter-spacing:0;margin-left:5px}
.iphone-device .ai-presets{gap:5px;padding:10px 0;flex-wrap:nowrap}
.iphone-device .ai-presets button{font-size:11px;padding:7px 5px;white-space:nowrap;border-radius:6px}
.iphone-device .ai-input{padding:5px 7px;border-radius:10px}
.iphone-device .ai-input input{font-size:13px}
.iphone-device .ai-input>button{width:30px;height:31px;font-size:22px}