.image-viewer-overlay{position:fixed;inset:0;z-index:10000;padding:2rem 1.25rem;background:rgba(6,6,8,.92);cursor:zoom-out;animation:image-viewer-fade-in .2s ease-out}.image-viewer-container,.image-viewer-overlay{display:flex;align-items:center;justify-content:center}.image-viewer-container{position:relative;max-width:min(96vw,900px);max-height:92vh;flex-direction:column;animation:image-viewer-scale-in .22s ease-out}.image-viewer-close{position:absolute;top:-2.75rem;right:0;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid hsl(0 0% 100%/.15);border-radius:999px;background:hsl(0 0% 7%/.88);color:hsl(0 0% 98%);cursor:pointer;transition:border-color .2s ease,color .2s ease}.image-viewer-close:hover{border-color:hsl(72 100% 50%/.5);color:hsl(72 100% 50%)}.image-viewer-content{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.image-viewer-prog{max-width:100%}.image-viewer-image{display:block;max-width:100%;max-height:80vh;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:8px;box-shadow:0 24px 80px rgba(0,0,0,.65);cursor:default}.image-viewer-caption{margin:0;padding:.45rem .85rem;border-radius:8px;font-size:.875rem;color:hsl(0 0% 90%);text-align:center;background:hsl(0 0% 7%/.82);border:1px solid hsl(0 0% 100%/.1)}.image-viewer-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.55rem .75rem;border-radius:12px;background:hsl(0 0% 7%/.82);border:1px solid hsl(0 0% 100%/.1)}@keyframes image-viewer-fade-in{0%{opacity:0}to{opacity:1}}@keyframes image-viewer-scale-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media (max-width:640px){.image-viewer-overlay{padding:3.25rem .75rem 1rem}.image-viewer-close{top:-2.35rem;right:.15rem}.image-viewer-image{max-height:72vh}}