.image-viewer{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(4,8,13,.96);color:#fff;overflow:hidden;box-sizing:border-box}.image-viewer::backdrop{background:rgba(0,0,0,.85)}.image-viewer header{height:76px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #ffffff18}.image-viewer header>span{font-size:16px;font-weight:600}.image-viewer header>div{display:flex;gap:8px;align-items:center}.image-viewer button,.image-viewer header a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 13px;border:1px solid #ffffff25;border-radius:8px;background:#ffffff08;color:#eaf2fa;font:inherit;font-size:14px;text-decoration:none;cursor:pointer}.image-viewer button:hover,.image-viewer header a:hover{background:#ffffff18}.image-viewer button:disabled{opacity:.35;cursor:default}.image-viewer :focus-visible{outline:2px solid #299bff;outline-offset:3px}.image-viewer-stage{position:absolute;inset:92px 24px 48px;touch-action:none}.image-viewer-stage img{position:absolute;left:50%;top:50%;max-width:none!important;max-height:none!important;object-fit:contain;user-select:none;transform-origin:center;cursor:zoom-in}.image-viewer-stage.is-zoomed img{cursor:grab}.image-viewer-stage.is-zoomed img:active{cursor:grabbing}.image-viewer-status{position:absolute;bottom:12px;left:16px;right:16px;margin:0;text-align:center;color:#9baaba;font-size:12px;pointer-events:none}@media(max-width:600px){.image-viewer header{height:68px;padding:0 12px}.image-viewer header>span{display:none}.image-viewer header>div{width:100%;justify-content:space-between;gap:5px}.image-viewer button,.image-viewer header a{padding:0 10px;font-size:12px}.image-viewer-stage{inset:80px 8px 48px}.image-viewer-status{font-size:11px}}
.article-figure > a[data-image-viewer]{display:block;cursor:zoom-in}.article-figure > a[data-image-viewer]:focus-visible{outline:2px solid #299bff;outline-offset:4px}