.inbox-image-viewer { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 60px 16px 16px; background: #101923e6; }
.inbox-image-viewer > img { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; }
.inbox-image-viewer-close { position: absolute; top: 12px; right: 12px; width: 40px; height: 40px; padding: 0; border: 1px solid #ffffff66; border-radius: 50%; background: #1c2a3b; color: #fff; font: 30px/1 system-ui, sans-serif; cursor: pointer; }
.inbox-image-viewer-close:focus-visible { outline: 3px solid #8dc6ff; outline-offset: 3px; }
img[data-viewer-ready="true"] { cursor: zoom-in; }
img[data-viewer-ready="true"]:focus-visible { outline: 3px solid #276bb7; outline-offset: 3px; }