.km-image-viewer{position:fixed;inset:0;box-sizing:border-box;width:100%;max-width:100%;height:100%;height:100dvh;max-height:100%;margin:0;padding:0;border:0;background:#111714;color:#fff;overflow:hidden}
.km-image-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.km-image-viewer::backdrop{background:#111714}
.km-viewer-head{display:flex;align-items:center;gap:16px;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));padding-right:max(16px,env(safe-area-inset-right));padding-left:max(16px,env(safe-area-inset-left));background:#1d2621}
.km-viewer-count{font-variant-numeric:tabular-nums;white-space:nowrap}.km-viewer-original{margin-left:auto;color:#fff;text-decoration:underline;font-size:14px}
.km-image-viewer button{flex-shrink:0;display:grid;place-items:center;width:48px;height:48px;min-width:48px;padding:0;border:1px solid #ffffff40;border-radius:50%;background:#26362de6;color:#fff;font:36px/1 sans-serif;cursor:pointer}
.km-image-viewer button:disabled{opacity:.25;cursor:default}.km-image-viewer button:focus-visible,.km-image-viewer a:focus-visible{outline:3px solid #e1b46e;outline-offset:3px}
.km-viewer-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden;touch-action:pan-y pinch-zoom}
.km-viewer-image{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.km-viewer-image[hidden]{display:none}
.km-viewer-prev,.km-viewer-next{position:absolute;z-index:1;top:50%;transform:translateY(-50%)}.km-viewer-prev{left:max(12px,env(safe-area-inset-left))}.km-viewer-next{right:max(12px,env(safe-area-inset-right))}
.km-viewer-message{padding:24px 72px;text-align:center;color:#ddd}.km-viewer-message:empty{display:none}
.km-viewer-caption{padding:12px 20px;padding-bottom:max(12px,env(safe-area-inset-bottom));text-align:center;overflow-wrap:anywhere;max-height:20vh;overflow:auto;font-size:14px;background:#1d2621}