.photo-viewer{color:#fff;overscroll-behavior:contain;--pv-ease:cubic-bezier(.2,.8,.2,1);background:#07070c;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.photo-viewer::backdrop{background:#07070c}.photo-viewer button{color:#fff;cursor:pointer;width:44px;height:44px;font:inherit;background:#ffffff1f;border:0;border-radius:50%;flex-shrink:0;place-items:center;font-size:20px;transition:transform .3s cubic-bezier(.34,1.4,.64,1),background .2s;display:inline-grid}.photo-viewer button:hover{background:#ffffff3d}.photo-viewer button:active{transform:scale(.88)}.photo-viewer button:focus-visible{outline-offset:3px;outline:2px solid #fff}.photo-viewer button:disabled{opacity:.4;cursor:default}.photo-viewer .pv-toolbar{z-index:2;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));background:linear-gradient(#07070c,#07070ccc);align-items:center;gap:8px;display:flex;position:absolute;inset:0 0 auto}.photo-viewer .pv-count{font-variant-numeric:tabular-nums;margin-right:auto;font-size:13px;font-weight:800}.photo-viewer .pv-scale{text-align:center;font-variant-numeric:tabular-nums;min-width:30px;font-size:12px}.photo-viewer .pv-stage{inset:calc(72px + env(safe-area-inset-top)) 16px calc(88px + env(safe-area-inset-bottom));touch-action:none;cursor:zoom-in;position:absolute;overflow:hidden}.photo-viewer .pv-stage[data-zoom]:not([data-zoom="1"]){cursor:grab}.photo-viewer .pv-stage:active{cursor:grabbing}.photo-viewer .pv-stage img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform-origin:50%;width:100%;max-width:none;height:100%;transition:transform .45s var(--pv-ease);display:block}.photo-viewer .pv-stage[data-dragging=true] img{transition:none}.photo-viewer .pv-error{text-align:center;place-items:center;height:100%;padding:24px;display:grid}.photo-viewer .pv-footer{min-height:72px;padding:12px max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));align-items:center;gap:12px;display:flex;position:absolute;inset:auto 0 0}.photo-viewer .pv-footer p{text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0;font-size:14px;font-weight:700;line-height:1.5;display:-webkit-box;overflow:hidden}@media (min-width:900px){.photo-viewer .pv-stage{inset-inline:64px}}@media (prefers-reduced-motion:reduce){.photo-viewer button,.photo-viewer .pv-stage img{transition:none}}