.message-media-link { width: 100%; display: block; margin-top: 7px; padding: 0 !important; border: 0 !important; background: transparent !important; text-align: left; cursor: zoom-in; }
.message-media-link:hover { background: transparent !important; }
.message-media-link img { display: block; max-width: min(100%, 520px); max-height: 200px; width: auto; height: auto; object-fit: contain; border-radius: 8px; background: #080c10; }
.message-media-link[data-chat-media-kind="animation"] { position: relative; }
.message-media-link[data-chat-media-kind="animation"]::after { content: 'GIF'; position: absolute; right: 7px; bottom: 7px; padding: 3px 6px; border-radius: 999px; background: rgba(5,8,12,.82); color: #fff; font: 700 10px/1 system-ui; }
.chat-lightbox { position: fixed; inset: 0; z-index: 90; display: block; padding: 24px; overflow: auto; }
.chat-lightbox.hidden { display: none; }
.chat-lightbox-backdrop { position: fixed; inset: 0; width: 100%; height: 100%; border: 0; border-radius: 0; background: rgba(2,5,9,.88); cursor: zoom-out; }
.chat-lightbox-toolbar { position: fixed; z-index: 3; top: 14px; left: 50%; transform: translateX(-50%); display: flex; gap: 6px; padding: 5px; border: 1px solid #344255; border-radius: 9px; background: rgba(10,15,22,.94); box-shadow: 0 8px 24px rgba(0,0,0,.4); }
.chat-lightbox-toolbar button { min-width: 54px; height: 30px; padding: 0 10px; border: 1px solid #435267; border-radius: 6px; background: #121a24; color: #dce7f5; cursor: pointer; font: 700 11px/1 system-ui; }
.chat-lightbox-toolbar button[aria-pressed="true"] { border-color: #77aee8; color: #fff; background: #1a2a3c; }
.chat-lightbox-card { position: relative; z-index: 1; display: grid; place-items: center; width: max-content; min-width: 1px; margin: 38px auto 0; }
.chat-lightbox-card img, .chat-lightbox-card video { display: block; width: auto; height: auto; object-fit: contain; border: 1px solid #344255; border-radius: 9px; background: #05080c; box-shadow: 0 20px 70px rgba(0,0,0,.6); }
.chat-lightbox[data-lightbox-mode="native"] .chat-lightbox-card img { max-width: none; max-height: none; }
.chat-lightbox[data-lightbox-mode="fit"] .chat-lightbox-card img, .chat-lightbox-card video { max-width: 94vw; max-height: 90vh; }
.chat-lightbox-close { position: absolute; right: -12px; top: -12px; z-index: 2; width: 34px; height: 34px; padding: 0; border: 1px solid #4a586a; border-radius: 50%; background: #121a24; color: #fff; font-size: 20px; }
@media (max-width: 720px) {
  .message-media-link img { max-height: 170px; }
  .chat-lightbox { padding: 10px; }
  .chat-lightbox-card { margin-top: 42px; }
  .chat-lightbox[data-lightbox-mode="fit"] .chat-lightbox-card img, .chat-lightbox-card video { max-width: 96vw; max-height: 92vh; }
}