.message-image{cursor:zoom-in}.message-image:focus-visible{outline:2px solid #b59afa;outline-offset:3px}
.chat-image-viewer{box-sizing:border-box;width:96vw;max-width:1600px;height:92dvh;max-height:96dvh;margin:auto;padding:0;border:1px solid #ffffff28;border-radius:14px;background:#10121b;color:#eee;box-shadow:0 20px 90px #000b;overflow:hidden}
.chat-image-viewer[open]{display:flex;flex-direction:column}.chat-image-viewer::backdrop{background:#05060be6;backdrop-filter:blur(5px)}
.chat-image-viewer header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;padding:12px 16px;border-bottom:1px solid #ffffff1a;background:#1c1f2c}.chat-image-viewer strong{font-size:14px}.image-viewer-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.image-viewer-tools button,.image-viewer-tools a{font:13px system-ui;color:#eee;background:#ffffff0c;border:1px solid #ffffff24;border-radius:6px;padding:8px 11px;cursor:pointer;text-decoration:none;white-space:nowrap}.image-viewer-tools button:hover,.image-viewer-tools a:hover{background:#a78bfa45}.image-viewer-tools output{min-width:45px;text-align:center;font:12px system-ui;color:#cbbaff}.image-viewer-viewport{flex:1;min-height:0;overflow:auto;touch-action:none;cursor:grab;background:#08090e}.image-viewer-viewport:active{cursor:grabbing}.image-viewer-canvas{display:grid;place-items:center;min-width:100%;min-height:100%;padding:12px;box-sizing:border-box}.image-viewer-canvas img{display:block;max-width:none!important;max-height:none!important;object-fit:contain;user-select:none;border-radius:0}.chat-image-viewer footer{padding:9px 16px;color:#aeb4c8;font-size:12px;flex-shrink:0;border-top:1px solid #ffffff16}
html[data-skin=retro] .chat-image-viewer{background:#c0c0c0;border:2px outset #eee;border-radius:0;color:#111}html[data-skin=retro] .chat-image-viewer header{background:#000080;color:#fff}html[data-skin=retro] .image-viewer-tools button,html[data-skin=retro] .image-viewer-tools a{border:2px outset #eee;border-radius:0;background:#c0c0c0;color:#111}
@media(max-width:650px){.chat-image-viewer{width:100vw;height:96dvh;border-radius:0}.chat-image-viewer header{align-items:flex-start;flex-direction:column;padding:10px}.image-viewer-tools{gap:5px}.image-viewer-tools button,.image-viewer-tools a{padding:8px}.chat-image-viewer footer{font-size:11px}}