@keyframes modal-fade-in{from{opacity:0}to{opacity:1}}.image-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);animation:modal-fade-in .25s ease}.image-modal[hidden]{display:none}.image-modal__backdrop{position:absolute;inset:0;cursor:pointer}.image-modal__dialog{position:relative;z-index:1;max-width:min(90vw,700px);max-height:90vh;border-radius:12px;overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,.25)}.image-modal__img{display:block;width:100%;height:auto;max-height:90vh;object-fit:contain}.image-modal__close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.9);border:none;cursor:pointer;font-size:2rem;line-height:1;display:flex;align-items:center;justify-content:center;z-index:2;transition:background .2s}.image-modal__close:hover{background:#fff}.image-modal__close:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}