.image-viewer-backdrop.image-viewer-zoom{--zoom-duration:.3s;isolation:isolate;background:0 0;width:100%;display:block;overflow:hidden}.image-viewer-zoom .image-viewer-shade{background:var(--bg);position:absolute;inset:0}.image-viewer-zoom .image-viewer-stage{cursor:zoom-out;background:0 0;position:absolute;inset:0;overflow:visible}.image-viewer-zoom .image-viewer-stage.zoomed{cursor:grab}.image-viewer-zoom .image-viewer-stage.zoomed:active{cursor:grabbing}.image-viewer-zoom .image-viewer-frame{will-change:transform}.image-viewer-zoom .image-viewer-media{position:absolute;inset:0}.image-viewer-zoom .image-viewer-stage img{object-fit:contain;width:100%;max-width:none;height:100%;max-height:none;padding:0}.image-viewer-zoom .image-viewer-seed{position:absolute;inset:0}.image-viewer-zoom .image-viewer-media>.resilient-image{pointer-events:none;overflow:visible}.image-viewer-zoom .image-viewer-media button{pointer-events:auto}.image-viewer-zoom .image-viewer-preview:not([data-state=loaded]){opacity:0}.image-viewer-zoom .image-viewer-media:not(:has(.image-viewer-seed)) .image-viewer-preview{opacity:1}.image-viewer-zoom .image-viewer-original[data-state=loaded]{opacity:1}.image-viewer-zoom .image-viewer-toolbar{z-index:3;top:max(16px, env(safe-area-inset-top));pointer-events:none;border:0;gap:16px;min-height:44px;padding:0;position:absolute;left:24px;right:24px}.image-viewer-zoom .image-viewer-toolbar>span{flex:1;max-width:min(55%,680px)}.image-viewer-zoom .image-viewer-toolbar strong{color:var(--text);white-space:nowrap;font-size:13px}.image-viewer-zoom .image-viewer-toolbar small{color:var(--muted);font-size:12px}.image-viewer-zoom .image-viewer-toolbar strong b{font-size:12px;font-weight:500}.image-viewer-zoom .image-viewer-toolbar>div{pointer-events:auto;flex:none;gap:6px}.image-viewer-zoom .image-viewer-toolbar button{background:var(--surface-1);width:40px;height:40px;color:var(--text);border-color:var(--line);border-radius:50%}.image-viewer-zoom .image-viewer-toolbar button:hover{background:var(--surface-3)}.image-viewer-zoom .image-viewer-toolbar em{width:44px;color:var(--muted);font-size:12px}.image-viewer-zoom button:focus-visible{outline:2px solid var(--red);outline-offset:3px}.image-viewer-zoom .image-viewer-nav{z-index:2;background:var(--surface-1);border-color:var(--line);border-radius:50%;width:44px;height:44px;margin-top:-22px}.image-viewer-zoom .image-viewer-nav.previous{left:24px}.image-viewer-zoom .image-viewer-nav.next{right:24px}.image-viewer-zoom>p{z-index:2;bottom:max(20px, env(safe-area-inset-bottom));min-height:16px;color:var(--muted);text-align:center;pointer-events:none;font-size:12px;display:block;position:absolute;left:16px;right:16px}.image-viewer-zoom[data-present=false],.image-viewer-zoom[data-present=false] .image-viewer-toolbar>div{pointer-events:none}@media (width<=760px){.image-viewer-zoom .image-viewer-toolbar{top:max(12px, env(safe-area-inset-top));gap:8px;left:12px;right:12px}.image-viewer-zoom .image-viewer-toolbar>span{max-width:none}.image-viewer-zoom .image-viewer-toolbar strong{font-size:12px}.image-viewer-zoom .image-viewer-toolbar strong b{display:none}.image-viewer-zoom .image-viewer-toolbar small{font-size:12px}.image-viewer-zoom .image-viewer-toolbar>div{gap:4px}.image-viewer-zoom .image-viewer-toolbar em{width:34px;min-width:34px;font-size:12px}.image-viewer-zoom .image-viewer-toolbar button{width:36px;height:40px}.image-viewer-zoom .image-viewer-nav.previous{left:12px}.image-viewer-zoom .image-viewer-nav.next{right:12px}.image-viewer-zoom .image-viewer-desktop-hint{display:none}.image-viewer-zoom>p{bottom:max(16px, env(safe-area-inset-bottom));font-size:12px}}@media (prefers-reduced-motion:reduce){.image-viewer-zoom *,.image-viewer-zoom .image-viewer-original{transition-duration:0s!important;animation:none!important}}