.image-viewer{box-sizing:border-box;color:#fff;background:#000;border:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;overflow:hidden}.image-viewer[open]{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.image-viewer::backdrop{background:#000}.image-viewer-bar{z-index:2;padding:max(12px, env(safe-area-inset-top)) 16px 8px;justify-content:space-between;align-items:center;display:flex;position:relative}.image-viewer-count{font-variant-numeric:tabular-nums;letter-spacing:.02em;background:#ffffff24;border-radius:999px;padding:4px 10px;font-size:13px}.image-viewer-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24;border:0;border-radius:999px;place-items:center;width:40px;height:40px;padding:0;transition:background-color .15s;display:inline-grid}.image-viewer-button:hover{background:#ffffff3d}.image-viewer-button:focus-visible{outline-offset:2px;outline:2px solid #fff}.image-viewer-button svg{stroke-width:2px;width:22px;height:22px}.image-viewer-stage{touch-action:pan-y pinch-zoom;min-height:0;margin:0 72px;position:relative;overflow:hidden}.image-viewer-stage img{object-fit:contain;-webkit-user-select:none;user-select:none;max-width:100%;max-height:100%;margin:auto;animation:.18s ease-out image-viewer-in;display:block;position:absolute;inset:0}@keyframes image-viewer-in{0%{opacity:.4}to{opacity:1}}@media (prefers-reduced-motion:reduce){.image-viewer-stage img{animation:none}}.image-viewer-previous,.image-viewer-next{z-index:2;width:44px;height:44px;position:absolute;top:50%;transform:translateY(-50%)}.image-viewer-previous{left:16px}.image-viewer-next{right:16px}.image-viewer-strip{padding:10px 16px max(14px, env(safe-area-inset-bottom));scrollbar-width:none;justify-content:center;gap:6px;display:flex;overflow-x:auto}.image-viewer-strip::-webkit-scrollbar{display:none}.image-viewer-strip button{opacity:.55;cursor:pointer;background:#222;border:2px solid #0000;border-radius:8px;flex:none;width:52px;height:52px;padding:0;transition:opacity .15s,border-color .15s;overflow:hidden}.image-viewer-strip button:hover{opacity:.85}.image-viewer-strip button[aria-current=true]{opacity:1;border-color:#fff}.image-viewer-strip img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=767px){.image-viewer-stage{margin:0}.image-viewer-previous,.image-viewer-next{display:none}.image-viewer-strip{justify-content:flex-start}.image-viewer-strip button{width:44px;height:44px}}