.messages{overflow-x:hidden}
.message{min-width:0;overflow:hidden}
.message .chat-media,.message>img,.message>video,.message>audio{display:block;max-width:100%;margin:8px 0 2px}
.message .chat-media img,.message>img{width:min(100%,360px);height:auto;max-height:330px;object-fit:contain;border-radius:10px;background:#081a2c}
.message .chat-media video,.message>video{width:min(100%,420px);height:auto;max-height:300px;border-radius:10px;background:#081a2c}
.message .voice-player,.message audio{width:min(100%,280px);height:42px}
.message a{overflow-wrap:anywhere}
.expand-image{cursor:zoom-in}.image-overlay{position:fixed;inset:0;z-index:1000;background:#000d;display:grid;place-items:center;padding:30px;cursor:zoom-out;overflow:auto}.image-overlay img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .15s ease;cursor:default}.image-tools{position:fixed;top:22px;left:22px;z-index:1;display:flex;gap:8px}.image-tools button{width:42px;height:42px;border:0;border-radius:50%;font-size:28px;line-height:1;background:#fff;color:#102842;cursor:pointer}.image-tools button:hover{background:#b5d877}
@media(max-width:600px){.message{max-width:88%}.message .chat-media img,.message>img{max-height:250px}.message .chat-media video,.message>video{max-height:230px}}