.archive-image-open{cursor:zoom-in}.archive-image-open:focus-visible{outline-offset:4px;outline:2px solid #2040ff}.archive-image-pending,.archive-image-failed{image-rendering:pixelated;background-color:#efefef;background-position:50%;background-repeat:no-repeat}.archive-image-resolved{animation:.22s ease-out archive-image-resolve}.archive-image-retry{color:#111;cursor:pointer;background:#fff;border:1px solid #aaa;margin:10px 0;padding:10px 14px;font-size:12px;display:block}@keyframes archive-image-resolve{0%{opacity:.65}to{opacity:1}}.archive-image-viewer{color:#fff;z-index:2147483000;background:#080808;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.archive-image-viewer[open]{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.archive-image-viewer::backdrop{background:#080808}.archive-image-viewer header{border-bottom:1px solid #333;justify-content:space-between;align-items:center;gap:20px;padding:12px 22px;font-size:12px;display:flex}.archive-image-viewer header>div{gap:20px;display:flex}.archive-image-viewer button{min-height:44px;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:10px 12px;font-size:12px}.archive-image-viewer button:focus-visible{outline-offset:-2px;outline:1px solid #fff}.archive-image-viewer button:hover{text-underline-offset:4px;text-decoration:underline}.archive-image-viewer button:disabled{opacity:.3;cursor:default;text-decoration:none}.archive-view-stage{touch-action:pan-y pinch-zoom;justify-content:center;align-items:center;min-height:0;padding:18px 50px;display:flex;position:relative;overflow:auto}.archive-view-stage>img{object-fit:contain;background-position:50%;background-repeat:no-repeat;background-size:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.archive-view-stage[data-zoom=true]{display:block}.archive-view-stage[data-zoom=true]>img{max-width:none;max-height:none;margin:auto}.archive-image-viewer footer{border-top:1px solid #333;padding:8px 22px 16px;font-size:12px}.archive-view-navigation{justify-content:space-between;gap:20px;display:flex}.archive-image-viewer footer>p{white-space:pre-line;max-width:90ch;max-height:18dvh;margin:8px 12px 0;font-size:12px;line-height:1.5;overflow:auto}.archive-view-error{text-align:center;background:#111e;max-width:90%;padding:12px 18px;font-size:12px;position:absolute;bottom:20px;left:50%;translate:-50%}.archive-view-error p{margin:0}@media (width<=700px){.archive-image-viewer header{padding:8px 10px}.archive-image-viewer header>div{gap:8px}.archive-view-stage{padding:10px}.archive-image-viewer footer{padding:4px 10px max(12px,env(safe-area-inset-bottom))}.archive-image-viewer footer>p{max-height:20dvh;font-size:11px}.archive-image-viewer header button{font-size:11px}}@media (prefers-reduced-motion:reduce){.archive-image-resolved{animation:none}.archive-image-viewer *{transition:none!important;animation:none!important}}.archive-view-stage>img{width:100%;height:100%}.archive-view-stage>.archive-image-pending{background-color:#0000}.archive-view-stage[data-zoom=true]>img{width:auto;height:auto}.archive-image-viewer>footer{color:#fff;background:#080808;height:auto;min-height:0;margin:0;display:block}.archive-image-viewer>header{color:#fff;background:#080808}.archive-image-viewer .archive-view-navigation{flex-direction:row;justify-content:space-between;align-items:center;gap:20px;width:100%;margin:0;padding:0;display:flex}.archive-image-viewer .archive-view-navigation>button{flex:none}.archive-view-stage[data-zoom=true]{touch-action:pan-x pan-y pinch-zoom}