#tgc-image-viewer{box-sizing:border-box;width:min(1100px,94vw);max-width:94vw;max-height:94dvh;padding:18px;background:#0b253c;color:#edf5fa;border:1px solid #476173;border-radius:9px;box-shadow:0 20px 80px #0008;overflow:auto}
#tgc-image-viewer[open]{display:flex;flex-direction:column;gap:12px}
#tgc-image-viewer::backdrop{background:rgba(0,0,0,.84)}
#tgc-image-viewer .viewer-top{display:flex;justify-content:space-between;align-items:center;gap:16px}
#tgc-image-viewer .viewer-top span{font:14px/1.5 system-ui,sans-serif;color:#bfd0dc}
#tgc-image-viewer button{min-height:44px;min-width:44px;padding:8px 14px;border:1px solid #688495;border-radius:5px;background:#102e45;color:#f1f5f8;font:16px/1.5 system-ui,sans-serif;cursor:pointer}
#tgc-image-viewer button:focus-visible{outline:3px solid #98be45;outline-offset:3px}
#tgc-image-viewer img{display:block;max-width:100%;width:auto;height:auto;max-height:73dvh;object-fit:contain;margin:0 auto;flex-shrink:1;min-height:0}
#tgc-image-viewer .viewer-caption{margin:0;font:14px/1.5 system-ui,sans-serif;color:#d2e0e9;overflow-wrap:anywhere}
.prose figure>a{cursor:zoom-in}
@media(max-width:600px){#tgc-image-viewer{padding:12px}#tgc-image-viewer img{max-height:68dvh}}