/* Phone uses native CSS pixels; desktop Explorer keeps its existing projection. */
.usb-dialog.phone-dialog{width:min(600px,calc(100vw - 24px))}
.phone-dialog .usb-display-surround{border:0;background:transparent;padding:0;box-shadow:none}
.phone-dialog .usb-dialog-viewport{background:transparent;overflow:visible}
.phone-dialog .messenger-screen{position:relative;width:100%;height:auto;overflow:visible;background:none;display:flex;flex-direction:column;align-items:center}
.phone-shell{width:min(360px,100%);height:clamp(390px,calc(100dvh - 405px),600px);display:flex;flex-direction:column;border:7px solid #15212e;border-radius:36px;overflow:hidden;background:#f7fafc;box-shadow:0 0 0 1px #648097,0 16px 45px #0007}
.msg-status{height:32px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:12px;font-weight:650;position:relative;color:#23364a}
.phone-camera{position:absolute;width:9px;height:9px;background:#15212e;border-radius:50%;left:calc(50% - 4px)}
.phone-dialog .msg-conversation{min-height:0}
.phone-dialog .msg-header{height:59px;flex:none;padding:0 12px;gap:9px}
.msg-back{font-size:34px;color:#477ba3;line-height:1}
.phone-dialog .msg-avatar{width:34px;height:34px;font-size:12px}
.phone-dialog .msg-header strong{font-size:14px}
.phone-dialog .msg-header small{font-size:11px;margin-top:3px}
.phone-dialog .msg-header-icons{font-size:23px}
.phone-dialog .msg-sender{flex:none;padding:10px 16px;font-size:11px!important}
.phone-dialog .msg-sender span{margin-left:8px}
.phone-dialog .msg-sender small{font-size:10px;margin-top:4px}
.phone-dialog .msg-history{padding:12px 12px 16px;gap:10px;min-height:0;overflow-y:auto;scrollbar-width:thin}
.phone-dialog .msg-date{margin-bottom:2px;flex:none;color:#496e84;background:#c0d4df;font-size:10px}
.phone-dialog .msg-bubble{max-width:94%;padding:10px 12px 7px;font-size:14px!important;line-height:1.4;flex:none;border-radius:13px 13px 13px 3px}
.phone-dialog .msg-bubble time{margin-top:4px}
.phone-dialog .msg-link{font-size:13px!important;overflow-wrap:anywhere}
.phone-dialog .msg-compose{padding:8px 10px;gap:10px;flex:none;font-size:24px}
.phone-dialog .msg-compose .msg-input{margin:0;display:flex;align-items:center;justify-content:space-between;flex:1;border:1px solid #d8e3ec;border-radius:22px;background:white;padding:9px 12px;font-size:13px}
.msg-home{height:18px;flex:none;display:grid;place-items:center}
.msg-home:after{content:"";width:105px;height:4px;border-radius:3px;background:#263b4a}
.phone-reference{text-align:center;color:#a5bbcf;font-size:11px;line-height:1.5;padding:12px 5px 0}
.phone-reference strong{color:#e1edf8;display:block;font-size:13px}
@media(max-width:700px){.phone-shell{height:clamp(370px,calc(100dvh - 360px),600px)}}