.media-gallery img{cursor:zoom-in}.image-viewer{position:fixed;inset:0;z-index:100;background:#160f11f2;display:grid;grid-template-rows:1fr auto;place-items:center;overflow:hidden;touch-action:none;backdrop-filter:blur(10px)}.image-viewer[hidden]{display:none!important}.viewer-stage{position:absolute;inset:0;display:grid;place-items:center;overflow:auto;overscroll-behavior:contain}.viewer-stage img{display:block;max-width:96vw;max-height:86vh;object-fit:contain;transform-origin:center;transition:transform .22s ease;cursor:zoom-in;user-select:none;-webkit-user-drag:none}.image-viewer.is-zoomed .viewer-stage img{cursor:zoom-out}.viewer-close{position:absolute;z-index:3;top:max(16px,env(safe-area-inset-top));right:16px;width:46px;height:46px;border:1px solid #fff5;border-radius:50%;background:#fff2;color:#fff;font-size:30px;line-height:1;backdrop-filter:blur(8px)}.viewer-tools{position:absolute;z-index:3;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;gap:14px;padding:7px 10px;border:1px solid #fff3;border-radius:999px;background:#251a1ccc;color:#fff;box-shadow:0 10px 35px #0008;white-space:nowrap}.viewer-tools button{width:42px;height:42px;min-height:42px;border:0;border-radius:50%;background:#fff2;color:#fff;font-size:25px}.viewer-tools span{min-width:108px;text-align:center;font-size:12px}@media(max-width:700px){.viewer-stage img{max-width:100vw;max-height:82vh}.viewer-close{width:44px;height:44px}.viewer-tools{gap:8px}.viewer-tools span{min-width:96px}}