.chat-message-list .chat-photo-open{display:block;padding:0;border:0;background:transparent!important;cursor:zoom-in}.chat-message-list .chat-photo-open img{display:block;border-radius:10px}.chat-photo-viewer{position:fixed!important;inset:0!important;z-index:2147483600!important;background:#090d16ee;display:grid;place-items:center;padding:30px}.photo-viewer-content{position:relative;max-width:100%;max-height:100%}.photo-viewer-content>img{max-width:82vw;max-height:78vh;object-fit:contain}.photo-viewer-close{position:absolute;right:-12px;top:-17px;width:34px;height:34px;border-radius:50%;border:0;background:white;color:#222;font-size:24px}
@media(max-width:600px){.photo-viewer-content>img{max-width:92vw;max-height:78vh}}

/* Right-align photo previews in outgoing chatbot messages. */
.chat-message-list .message-with-reply.mine>.chat-photo-open,.chat-message-list .message-with-reply.mine .chat-photo-open{display:table!important;width:fit-content!important;max-width:100%;margin-left:auto!important;margin-right:0!important}

/* Medium viewer: fit the image with visible space around it. */
.chat-photo-viewer .photo-viewer-content>img{display:block;width:auto;height:auto;max-width:min(68vw,720px);max-height:68vh;object-fit:contain;border-radius:10px}
@media(max-width:600px){.chat-photo-viewer .photo-viewer-content>img{max-width:84vw;max-height:66vh}}
.queued-text-message{white-space:pre-wrap;overflow-wrap:anywhere}.queued-text-message>small{display:block;opacity:.75;font-size:11px;margin-top:5px}