.image-bubble{padding:0;background:transparent!important;border-color:transparent!important;box-shadow:none!important}
.message-image-button{display:block;max-width:220px;padding:0;border:0;border-radius:15px;background:transparent;overflow:hidden;text-align:left;cursor:zoom-in}
.message-image{display:block;width:auto;max-width:220px;max-height:260px;min-width:96px;object-fit:cover;border-radius:15px;border:1px solid rgba(255,255,255,.78);box-shadow:0 8px 20px rgba(65,88,108,.16)}
.message-image-button time{display:block;padding:4px 4px 0;font-size:8px;color:#8295a4;opacity:.7}
.mine .message-image-button time{color:#8c8ba9}
.image-lightbox{position:fixed;inset:0;z-index:80;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(20,31,43,.76);backdrop-filter:blur(8px)}
.image-lightbox.open{display:flex}
.image-lightbox img{display:block;max-width:min(92vw,720px);max-height:86vh;object-fit:contain;border-radius:16px;box-shadow:0 20px 48px rgba(0,0,0,.28)}
.image-lightbox-close{position:absolute;top:18px;right:18px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:25px;line-height:1}
.image-lightbox-close:hover{background:rgba(255,255,255,.32)}
.night-mode .message-image-button time{color:#c4d2dc}
@media(max-width:380px){.message-image-button,.message-image{max-width:190px}.message-image{max-height:220px}}