.product-scene .product-window{margin-right:0}
.telegram-demo{position:absolute;right:-14px;bottom:-18px;width:218px;height:350px;display:flex;flex-direction:column;padding:7px;border:1px solid #cbdfea;border-radius:23px;background:#fff;box-shadow:0 12px 28px #234f6d26;z-index:2}
.telegram-speaker{width:36px;height:4px;background:#d9e7ee;border-radius:5px;margin:2px auto 7px}
.telegram-screen{border-radius:16px;overflow:hidden;background:#e7f0f8;display:flex;flex-direction:column;flex:1;min-height:0}
.telegram-demo-header{display:flex;align-items:center;gap:7px;padding:10px 9px;background:#fff;border-bottom:1px solid #e0eaf2}
.telegram-demo-avatar{display:grid;place-items:center;width:27px;height:27px;flex-shrink:0;background:#078fe7;border-radius:50%;color:#fff;font-size:10px;font-weight:750;letter-spacing:-.5px}
.telegram-demo-header strong{font-size:10px;display:block;line-height:1.4;letter-spacing:-.2px}.telegram-demo-header small{display:block;font-size:8px;line-height:1.4;color:#8495a6}
.telegram-demo-header>.icon{width:13px;height:13px;margin-left:auto;color:#078fe7}
.telegram-chat{padding:10px 7px 9px;position:relative;min-height:0;display:flex;flex-direction:column;flex:1;background-color:#e7f0f8;background-image:radial-gradient(#b5cede55 .7px,transparent .7px);background-size:13px 13px}
.telegram-chat-date{display:block;width:max-content;max-width:100%;margin:0 auto 12px;padding:4px 6px;background:#b6cbdc88;color:#45667f;border-radius:7px;font-size:7px;line-height:1.4}
.telegram-message{background:#fff;border:1px solid #dbe7ee;border-radius:9px 9px 9px 2px;padding:10px 9px 0;min-height:0;flex:1;display:flex;flex-direction:column;position:relative}
.telegram-message-body{min-height:0;flex:1;overflow:hidden;overflow-wrap:anywhere;font-size:10px;line-height:1.5;color:#193448}
.telegram-speaker,.telegram-demo-header,.telegram-chat-date,.telegram-message-time,[data-telegram-buttons],.telegram-demo-footer{flex-shrink:0}
.telegram-message-body b,.telegram-message-body strong{font-weight:650}.telegram-message-body code{font-size:9px;color:#41627c;background:#f2f6fa;padding:1px 2px;border-radius:2px}
.telegram-message-kind{display:block;font-size:9px;line-height:1.4;color:#0787d7;margin-bottom:7px}
.telegram-message h3{font-size:10px;line-height:1.45;font-weight:650;color:#193448;letter-spacing:-.1px;margin:0 0 8px;min-height:29px}
.telegram-message-lines{min-height:54px}.telegram-message-lines p{font-size:9px;line-height:1.5;color:#466277;margin:0 0 3px;overflow-wrap:anywhere}
.telegram-message-time{display:block;text-align:right;color:#93a7b7;font-size:7px;line-height:1;margin:6px 0}
.telegram-message-action{display:block;margin:0 -9px;text-align:center;padding:7px 3px;font-size:9px;color:#067dc6;border-top:1px solid #e7eff5;line-height:1.3;font-weight:550;background:#fbfdff;border-radius:0 0 8px 2px}
.telegram-demo-footer{display:flex;gap:5px;align-items:center;justify-content:center;background:#fff;padding:8px 4px;color:#7890a4;font-size:7px;line-height:1.4}.telegram-demo-footer .icon{width:11px;height:11px;color:#078fe7}
.telegram-typing{display:none;position:absolute;left:9px;bottom:25px;align-items:center;gap:3px;background:#fff;border:1px solid #dbe7ee;padding:11px 12px;border-radius:9px 9px 9px 2px}
.telegram-typing>span{width:4px;height:4px;border-radius:50%;background:#8ba9bd;animation:telegram-dot .8s ease-in-out infinite}.telegram-typing>span:nth-child(2){animation-delay:.12s}.telegram-typing>span:nth-child(3){animation-delay:.24s}
[data-telegram-state=typing] .telegram-message{visibility:hidden}[data-telegram-state=typing] .telegram-typing{display:flex}
[data-telegram-state=message] .telegram-message{animation:telegram-message-in .4s ease-out both}
@keyframes telegram-dot{50%{opacity:.4;transform:translateY(-3px)}}
@keyframes telegram-message-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:951px) and (max-height:900px){.product-scene{padding-bottom:20px;margin-bottom:12px}.telegram-demo{bottom:-14px}.product-scene .mock-results{min-height:224px}}
@media(max-width:950px){.product-scene .product-window{margin-right:0}.telegram-demo{position:relative;right:auto;bottom:auto;width:230px;margin:18px auto 0}.telegram-message-kind{font-size:10px}.telegram-message h3{font-size:12px;min-height:17px}.telegram-message-lines p{font-size:10px}.telegram-message-action{font-size:10px}.telegram-chat-date,.telegram-demo-footer{font-size:8px}.telegram-demo-header strong{font-size:12px}.telegram-demo-header small{font-size:9px}.product-scene{padding-bottom:22px;margin-bottom:0}}
@media(prefers-reduced-motion:reduce){.telegram-demo *{animation:none!important;transition:none!important}}
