.os-heading{font-size:14px;color:#626274;margin:22px 0 10px}.os-picker{display:flex;gap:8px;background:#f2f3f7;padding:4px;border-radius:10px}.os-picker button{flex:1;border:0;background:none}.os-picker .selected{color:#5844e8;background:white;box-shadow:0 1px 4px #0001}.os-hint{font-size:12px;margin-top:9px}
.phone-shell{width:min(360px,100%);padding:7px;border-radius:46px;background:#202126;position:relative;flex-shrink:1;box-shadow:0 22px 40px #2d294124}.phone-shell:after{content:'';position:absolute;width:89px;height:25px;left:50%;top:17px;transform:translateX(-50%);border-radius:20px;background:#18191b;pointer-events:none}.android-shell{border-radius:32px;padding:6px}.android-shell:after{width:10px;height:10px;top:15px;border-radius:50%}.phone-viewport{position:relative;aspect-ratio:390/780;border-radius:39px;overflow:hidden;--phone-scale:.887}.android-shell .phone-viewport{border-radius:26px}
.phone{position:absolute;left:0;top:0;width:390px;height:780px;transform:scale(var(--phone-scale,1));transform-origin:top left;display:flex;flex-direction:column;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;background:#fff;color:#111b21;--incoming:#fff;--outgoing:#d9fdd3;--chat-bg:#efeae2;--bar-bg:#f7f7f7;--ui-accent:#008a62}.phone.os-android{font-family:Roboto,Arial,sans-serif;--bar-bg:#fff}.phone svg{flex-shrink:0}.status-bar{height:59px;min-height:59px;flex-shrink:0;padding:18px 27px 5px;background:var(--bar-bg);color:#111;display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:600}.status-icons{display:flex;align-items:center;gap:4px}.battery{width:24px;height:12px;border:1px solid #aaa;border-radius:4px;padding:1px;position:relative;margin-left:2px}.battery:before{content:'';position:absolute;right:-3px;top:3px;width:2px;height:4px;border-radius:0 2px 2px 0;background:#777}.battery:after{content:'';display:block;width:85%;height:100%;border-radius:2px;background:currentColor}.os-android .status-bar{height:30px;min-height:30px;padding:4px 20px;font-size:13px;font-weight:500}.os-android .battery{height:13px;width:8px;border-radius:1px;border-color:currentColor}.os-android .battery:before{top:-3px;left:1px;width:4px;height:2px}.os-android .battery:after{height:80%;width:100%;margin-top:2px;border-radius:0}.os-android .status-icons svg{height:14px;width:14px}
.chat-header{display:flex;position:relative;align-items:center;gap:9px;height:54px;min-height:54px;padding:5px 13px 7px 7px;background:var(--bar-bg);border-bottom:1px solid #0000000e;flex-shrink:0}.back{display:flex;align-items:center;color:var(--ui-accent);flex-shrink:0;font-size:17px}.contact-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0;object-fit:cover;display:flex;align-items:center;justify-content:center;background:#d4d9db;color:#fff;font-size:20px;font-weight:500;overflow:hidden}.contact-info{min-width:0;flex:1}.contact-info strong{display:block;font-size:17px;line-height:21px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-info small{display:block;font-size:12px;line-height:16px;color:#667781;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-icon{color:var(--ui-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;width:27px;margin-left:5px}.os-android .chat-header{height:59px;min-height:59px;padding:5px 9px 7px 7px;gap:8px}.os-android .contact-avatar{width:38px;height:38px}.os-android .header-icon,.os-android .back{color:#222}.os-android .contact-info strong{font-size:18px;font-weight:500}.more-icon{width:12px;margin-left:0}
.chat-body{display:flex;flex-direction:column;padding:11px 10px 14px;flex:1;min-height:0;overflow:auto;scrollbar-width:none;background:var(--chat-bg)}.chat-body::-webkit-scrollbar{display:none}.date-chip{align-self:center;flex-shrink:0;background:#ffffffbe;color:#54656f;padding:5px 9px;line-height:16px;font-size:12px;border-radius:7px;margin:0 0 12px;box-shadow:0 1px 1px #0002}.message-wrap{display:flex;flex-direction:column;align-items:flex-start;margin-top:3px;flex-shrink:0;position:relative;max-width:100%}.message-wrap.out{align-items:flex-end}.message-wrap.group-start{margin-top:8px}.bubble{position:relative;max-width:86%;min-width:54px;border-radius:8px;padding:6px 8px 7px;background:var(--incoming);box-shadow:0 1px .5px #0003;line-height:21px;font-size:16px;color:#111b21;overflow-wrap:anywhere}.bubble.out{background:var(--outgoing)}.bubble-text{white-space:pre-wrap}.meta-spacer{display:inline-block;width:69px;height:12px;vertical-align:bottom}.message-wrap.in .meta-spacer{width:44px}.bubble-meta{position:absolute;bottom:4px;right:7px;font-size:10px;color:#667781;line-height:14px;display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.checks{display:inline-flex;align-items:center;line-height:1}.checks svg{display:block;width:auto;height:12px}.bubble.type-image{padding:3px 3px 7px;min-width:180px}.message-photo{display:block;width:100%;height:auto;max-height:330px;object-fit:cover;border-radius:6px;margin:0 0 4px}.type-image .bubble-text{display:block;padding:0 5px}.type-image:not(:has(.bubble-text)){padding-bottom:19px}.whatsapp .group-start .bubble:before{content:'';position:absolute;top:0;left:-6px;width:0;height:0;border-top:9px solid var(--incoming);border-left:7px solid transparent}.whatsapp .group-start .bubble.out:before{left:auto;right:-6px;border-left:0;border-right:7px solid transparent;border-top-color:var(--outgoing)}.whatsapp .group-start .bubble{border-top-left-radius:0}.whatsapp .group-start .bubble.out{border-top-left-radius:8px;border-top-right-radius:0}
.voice{display:flex;align-items:center;gap:9px;min-width:245px;padding:8px 1px 13px}.voice-play{display:flex;align-items:center;color:#88999f;flex-shrink:0}.voice-track{flex:1;min-width:0}.waveform{display:flex;gap:2px;height:27px;align-items:center}.waveform i{display:block;width:3px;flex-shrink:0;border-radius:2px;background:#a2b5a0}.voice-duration{font-size:10px;color:#667781;line-height:12px}.voice-mic{color:#53bdeb;display:flex;align-items:center}
.chat-input{min-height:48px;flex-shrink:0;display:flex;align-items:center;gap:12px;padding:6px 11px;background:var(--bar-bg);color:var(--ui-accent);font-size:16px}.composer-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.mock-input{display:flex;align-items:center;gap:10px;min-width:0;flex:1;height:34px;border:1px solid #d8d8dc;background:white;border-radius:18px;padding:5px 9px;color:#8c9399;font-size:16px}.input-placeholder{flex:1;min-width:0;white-space:nowrap;overflow:hidden}.whatsapp.os-ios .input-placeholder{visibility:hidden}.mock-input .composer-icon{color:#80888c}.home-bar{height:28px;min-height:28px;padding:15px 0 8px;background:var(--bar-bg);display:flex;justify-content:center;flex-shrink:0}.home-bar:after{content:'';width:135px;height:5px;background:#161616;border-radius:4px}.os-android .home-bar{height:24px;min-height:24px;padding:12px 0 7px}.os-android .home-bar:after{width:106px;height:4px}.whatsapp.os-android .chat-input{background:var(--chat-bg);gap:5px;padding:5px;min-height:57px}.whatsapp.os-android .mock-input{height:46px;border:0;border-radius:25px;box-shadow:0 1px 1px #0002;padding:9px 12px;gap:13px}.mic-button{background:#008b64;color:white;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center}.whatsapp.os-android .home-bar{background:var(--chat-bg)}
.telegram{--ui-accent:#007aff;--outgoing:#e1ffc7;--chat-bg:#dce3c5;--bar-bg:#f7f7f7}.telegram .chat-body{background:linear-gradient(145deg,#d9e6c9,#d8e0be 40%,#e7dfb4 75%,#cfe0cb)}.telegram .contact-avatar{background:linear-gradient(#77baf0,#4d99dc)}.telegram.os-ios .contact-info{text-align:center;position:absolute;left:82px;right:60px}.telegram.os-ios .contact-info small{color:#8e8e93}.telegram.os-ios .chat-header>.contact-avatar{margin-left:auto}.telegram .date-chip{background:#7e936078;color:white;box-shadow:none;border-radius:20px;font-weight:500}.telegram .bubble{border-radius:15px;padding:6px 9px 7px}.telegram .group-end .bubble{border-bottom-left-radius:4px}.telegram .group-end .bubble.out{border-bottom-left-radius:15px;border-bottom-right-radius:4px}.telegram .bubble-meta{color:#8c999e}.telegram .out .bubble-meta{color:#5b9b46}.telegram .chat-input{gap:11px}.telegram .mock-input{height:35px}.phone.telegram.os-android{--bar-bg:#517da2}.telegram.os-android .status-bar{background:#4b7395;color:white}.telegram.os-android .chat-header{height:59px;min-height:59px;gap:13px;padding:6px 12px}.telegram.os-android .chat-header .back,.telegram.os-android .header-icon{color:white}.telegram.os-android .contact-info strong{color:white}.telegram.os-android .contact-info small{color:#d8e8f3}.telegram.os-android .chat-input{background:white;color:#8d9ba3;min-height:50px}.telegram.os-android .mock-input{border:0;padding-left:0;gap:15px}.telegram.os-android .home-bar{background:white}.telegram.os-android .chat-header>.header-icon{width:20px}.telegram .voice-play{color:#66a64d}.telegram .waveform i{background:#89b774}
.phone.imessage{--bar-bg:#f6f6f6;--chat-bg:#fff;--incoming:#e9e9eb;--outgoing:#007aff;--ui-accent:#007aff;color:#000}.imessage .chat-header{height:84px;min-height:84px;justify-content:space-between;padding:0 20px 8px 10px;border-bottom:1px solid #d8d8db}.imessage-contact{position:absolute;left:64px;right:64px;top:1px;display:flex;flex-direction:column;align-items:center;gap:5px}.imessage .contact-avatar{height:45px;width:45px;font-size:23px;background:linear-gradient(#b5b8bf,#8b8e96)}.imessage .contact-info{display:flex;align-items:center;gap:4px;max-width:100%}.imessage .contact-info strong{font-size:12px;line-height:17px;font-weight:400}.imessage .contact-info svg{color:#8e8e93}.imessage .chat-body{padding:17px 17px 14px}.imessage .date-chip{display:flex;flex-direction:column;align-items:center;color:#8e8e93;background:none;box-shadow:none;line-height:17px;font-size:11px;padding:0;margin-bottom:14px}.imessage .date-chip span:last-child{font-weight:600}.imessage .message-wrap.group-start{margin-top:13px}.imessage .bubble{font-size:17px;line-height:22px;padding:8px 13px;border-radius:19px;box-shadow:none;min-width:0;max-width:82%;color:#000}.imessage .bubble.out{color:white}.imessage-receipt{font-size:11px;line-height:15px;color:#8e8e93;text-align:right;padding:3px 4px 0;align-self:flex-end}.imessage .group-end .bubble:before{content:'';position:absolute;left:-5px;bottom:0;width:10px;height:14px;border-bottom-right-radius:11px;background:var(--incoming)}.imessage .group-end .bubble:after{content:'';position:absolute;left:-9px;bottom:0;width:10px;height:16px;border-bottom-right-radius:10px;background:white}.imessage .group-end .bubble.out:before{left:auto;right:-5px;border-bottom-right-radius:0;border-bottom-left-radius:11px;background:var(--outgoing)}.imessage .group-end .bubble.out:after{left:auto;right:-9px;border-bottom-right-radius:0;border-bottom-left-radius:10px}.imessage .chat-input{background:white;padding:7px 16px;gap:12px;min-height:50px;color:#85858a}.imessage-plus{width:32px;height:32px;border-radius:50%;background:#e9e9eb;display:flex;align-items:center;justify-content:center;flex-shrink:0}.imessage .mock-input{height:36px;border-color:#c8c8cc;padding-left:12px;color:#96969c}.imessage .home-bar{background:white}.imessage .voice{min-width:215px;padding:3px 0}.imessage .voice-play,.imessage .voice-duration{color:inherit}.imessage .out .waveform i{background:#fff}.imessage .message-photo{margin:0;border-radius:14px}.imessage .type-image{padding:3px}.imessage .type-image .bubble-text{padding:5px 9px}
.phone.export-clone{position:fixed;left:-10000px;top:0;transform:none;width:390px;height:auto!important;border-radius:0!important;overflow:visible!important}.export-clone .chat-body{flex:none;overflow:visible;min-height:591px}.export-clone.os-android .chat-body{min-height:610px}.export-clone.imessage .chat-body{min-height:559px}
@media(max-width:760px){.phone-shell{width:min(360px,100%)}.phone-stage{padding:22px 10px}.phone-shell:after{width:82px;height:23px;top:16px}.android-shell:after{width:10px;height:10px;top:15px}}
@font-face{font-family:Roboto;src:url('assets/Roboto.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
.whatsapp .chat-body{background-image:linear-gradient(#ffffff38,#ffffff38),url('assets/whatsapp-wallpaper.png');background-size:auto,390px auto;background-repeat:repeat}