.image-stage{overscroll-behavior:contain;scroll-behavior:auto;cursor:zoom-in}
.image-stage>img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}
.image-stage.zoomed{touch-action:none;cursor:grab}
.image-stage.zoomed>img{cursor:grab;transition:none}
.image-stage.panning,.image-stage.panning>img{cursor:grabbing}
.image-pan-hint{position:absolute;top:15px;left:50%;transform:translateX(-50%);pointer-events:none;z-index:2;padding:8px 12px;border:1px solid #eee4c433;border-radius:20px;background:#141718b8;color:#eeeade;font:10px/1.4 Arial,"Microsoft YaHei",sans-serif;white-space:nowrap;backdrop-filter:blur(6px)}
.image-pan-hint[hidden]{display:none}
.image-stage:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
@media(max-width:650px){.image-pan-hint{font-size:9px;padding:6px 10px;top:10px}}