[data-image-viewer]{cursor:zoom-in}[data-image-viewer]:focus-visible{outline:3px solid #d667a4;outline-offset:3px}
#image-viewer{box-sizing:border-box;position:fixed;inset:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#111b1e;color:#eef5f3;box-shadow:none;overflow:hidden}
#image-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}#image-viewer::backdrop{background:#071114ef}
#image-viewer .iv-toolbar,#image-viewer .iv-footer{display:flex;align-items:center;gap:12px;padding:12px 18px;background:#1a2a2d;font:14px/1.5 system-ui,sans-serif}
#image-viewer .iv-counter{color:#b9d0c9}#image-viewer .iv-tools{display:flex;gap:8px;margin-left:auto}
#image-viewer button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;margin:0;padding:7px 12px;border:1px solid #58736e;border-radius:7px;background:#243d3e;color:#eef5f3;font:14px/1.4 system-ui,sans-serif;letter-spacing:0;cursor:pointer}
#image-viewer button:disabled{opacity:.35;cursor:default}#image-viewer button:focus-visible{outline:2px solid #8bdec7;outline-offset:2px}
#image-viewer .iv-stage{position:relative;min-height:0;min-width:0;overflow:auto;display:flex;align-items:safe center;justify-content:safe center;touch-action:pan-y pinch-zoom}
#image-viewer .iv-stage.iv-zoomed{touch-action:pan-x pan-y pinch-zoom}#image-viewer img{display:block;flex:none;max-width:none;max-height:none;object-fit:contain;margin:auto;user-select:none;-webkit-user-drag:none;cursor:zoom-in}#image-viewer .iv-zoomed img{cursor:zoom-out}
#image-viewer img[hidden]{display:none}#image-viewer .iv-message{position:absolute;left:16px;right:16px;text-align:center;font:14px/1.6 system-ui,sans-serif;pointer-events:none}#image-viewer .iv-message:empty{display:none}
#image-viewer .iv-footer{justify-content:space-between;padding-bottom:max(12px,env(safe-area-inset-bottom))}#image-viewer .iv-footer span{color:#b9d0c9;font-size:12px}
@media(max-width:580px){#image-viewer .iv-toolbar{flex-wrap:wrap;padding:10px 12px;gap:8px}#image-viewer .iv-tools{gap:6px}#image-viewer button{padding:7px 9px;min-height:40px}#image-viewer .iv-toolbar strong{font-size:13px}#image-viewer .iv-footer{padding-inline:12px}}