.pk-image-viewer{border:.0625rem solid var(--border);background:var(--bg);width:min(75rem,100vw - 3rem);max-width:none;height:min(56.25rem,100dvh - 3rem);max-height:none;color:var(--text);font:.875rem/1.5 var(--font-body),sans-serif;border-radius:1.25rem;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden}.pk-image-viewer[open]{flex-direction:column;display:flex}.pk-image-viewer::backdrop{background:var(--overlay-backdrop,#080b1b52)}.pk-image-viewer{-webkit-user-select:none;user-select:none}.pk-image-viewer img{-webkit-user-drag:none}.pk-image-viewer *{box-sizing:border-box}.pk-image-viewer header{border-bottom:.0625rem solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:flex}.pk-image-viewer header>div{align-items:center;gap:.875rem;display:flex}.pk-image-viewer header strong{font-weight:600}.pk-image-viewer header span{color:var(--muted);font-size:.75rem}.pk-image-viewer button{border:.0625rem solid var(--border);background:var(--surface);width:2.625rem;height:2.625rem;color:var(--text);cursor:pointer;border-radius:.75rem;place-items:center;padding:0;display:grid}.pk-image-viewer button:hover{color:var(--accent);background:var(--accent-soft)}.pk-image-viewer button:focus-visible{outline:.125rem solid var(--accent);outline-offset:.1875rem}.pk-image-viewer button:disabled{opacity:.5;cursor:progress}.pk-image-viewer__download-error{color:var(--danger);flex-shrink:0;margin:0;padding:.625rem 1.25rem;font-size:.75rem}.pk-image-viewer__stage{touch-action:pan-y pinch-zoom;flex:1;justify-content:center;align-items:center;min-height:0;padding:1.25rem 4.5rem;display:flex;position:relative}.pk-image-viewer__stage>img{object-fit:contain;border:.0625rem solid var(--border);border-radius:.75rem;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.pk-image-viewer__stage>button{z-index:1;position:absolute;top:calc(50% - 1.3125rem)}.pk-image-viewer__previous{left:1rem}.pk-image-viewer__previous svg{transform:rotate(180deg)}.pk-image-viewer__next{right:1rem}.pk-image-viewer__status{color:var(--muted);position:absolute}.pk-image-viewer__thumbnails{border-top:.0625rem solid var(--border);flex-shrink:0;gap:.5rem;padding:.75rem 1.25rem 1.125rem;display:flex;overflow-x:auto}.pk-image-viewer__thumbnails button{border:.125rem solid var(--border);opacity:.65;border-radius:.625rem;flex:0 0 4rem;width:4rem;height:3rem;padding:.125rem;overflow:hidden}.pk-image-viewer__thumbnails button[aria-pressed=true]{border-color:var(--accent);opacity:1}.pk-image-viewer__thumbnails img{object-fit:cover;border-radius:.3125rem;width:100%;height:100%;min-height:0;display:block}@media (max-width:45rem){.pk-image-viewer{border:0;border-radius:0;width:100vw;height:100dvh}.pk-image-viewer header{padding:max(.75rem,env(safe-area-inset-top)) .75rem .75rem}.pk-image-viewer__stage{padding:.625rem 0}.pk-image-viewer__stage>button{background:color-mix(in srgb, var(--surface) 90%, transparent)}.pk-image-viewer__previous{left:.5rem}.pk-image-viewer__next{right:.5rem}.pk-image-viewer__thumbnails{padding-bottom:max(1rem,env(safe-area-inset-bottom))}}