.image-viewable{cursor:zoom-in}
.image-viewable:focus-visible{outline:3px solid #93b4f3;outline-offset:4px}
#image-viewer:not([open]){display:none}
#image-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#17191d;color:#f8f8f8;overflow:hidden;overscroll-behavior:contain}
#image-viewer::backdrop{background:#17191df5;backdrop-filter:none}
#image-viewer .iv-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;padding-top:calc(12px + env(safe-area-inset-top));border-bottom:1px solid #ffffff14}
#image-viewer .iv-caption{min-width:0;font-size:14px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#image-viewer button{min-width:44px;min-height:44px;padding:9px 14px;border-radius:12px;background:#ffffff14;color:#fff;font-size:14px;flex-shrink:0}
#image-viewer button:disabled{background:#ffffff08;color:#7e838b;cursor:not-allowed}
#image-viewer button:focus-visible{outline:3px solid #93b4f3;outline-offset:2px}
#image-viewer .iv-close{padding:0;font-size:28px;line-height:1}
#image-viewer .iv-stage{position:relative;min-width:0;min-height:0;overflow:hidden;touch-action:none;outline-offset:-4px;cursor:zoom-in}
#image-viewer .iv-stage.iv-zoomed{cursor:grab}
#image-viewer .iv-stage.iv-dragging{cursor:grabbing}
#image-viewer .iv-image{position:absolute;left:50%;top:50%;display:block;max-width:none;max-height:none;margin:0;border-radius:0;object-fit:contain;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;transform-origin:center;will-change:transform}
#image-viewer .iv-image[hidden]{display:none}
#image-viewer .iv-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;padding:24px;text-align:center;color:#d1d5db;font-size:15px;line-height:1.7;pointer-events:none}
#image-viewer .iv-status[hidden]{display:none}
#image-viewer .iv-controls{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:12px 20px;padding-bottom:calc(12px + env(safe-area-inset-bottom));border-top:1px solid #ffffff14}
#image-viewer .iv-controls [data-iv-fit]{min-width:82px;font-variant-numeric:tabular-nums}
@media(max-width:480px){#image-viewer .iv-toolbar{padding-left:12px;padding-right:12px}#image-viewer .iv-caption{font-size:12px}#image-viewer .iv-controls{gap:6px;padding:8px 10px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}#image-viewer .iv-controls button{padding:8px 10px;font-size:12px}#image-viewer .iv-controls [data-iv-fit]{min-width:64px}#image-viewer .iv-controls [data-iv-prev],#image-viewer .iv-controls [data-iv-next]{width:44px;padding:8px;font-size:0}#image-viewer [data-iv-prev]::before{content:'‹';font-size:24px}#image-viewer [data-iv-next]::before{content:'›';font-size:24px}}
@media(max-height:420px){#image-viewer .iv-toolbar{padding-top:calc(6px + env(safe-area-inset-top));padding-bottom:6px}#image-viewer .iv-controls{padding-top:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom))}}