.afd-viewer{--afd-line:#d5dacf;--afd-muted:#697368;position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;color:var(--ink);background:var(--paper);font-family:inherit;overscroll-behavior:contain}.afd-viewer::backdrop{background:#22231f80}.afd-viewer[open]{display:grid;grid-template-rows:62px minmax(0,1fr) 78px}.afd-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:18px;border-bottom:1px solid var(--afd-line);background:var(--paper)}.afd-title{font-size:12px;font-weight:500;white-space:nowrap}.afd-current-title{font-size:11px;color:var(--afd-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:45%}.afd-controls{display:flex;align-items:center;gap:18px}.afd-zoom{display:flex;align-items:center;gap:2px}.afd-zoom button{width:36px;height:38px;border:0;background:transparent;font-size:19px;cursor:pointer}.afd-zoom [data-zoom-value]{width:45px;font-size:10px;letter-spacing:.2px}.afd-zoom button:disabled{opacity:.25;cursor:default}.afd-close{width:42px;height:42px;padding:0;border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer;font-weight:400}.afd-canvas{position:relative;overflow:hidden;touch-action:none;user-select:none;cursor:zoom-in}.afd-canvas.is-zoomed{cursor:grab}.afd-canvas.is-dragging{cursor:grabbing}.afd-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;transform-origin:center;transform:translate(calc(var(--pan-x,0px) + var(--swipe-x,0px)),var(--pan-y,0px)) scale(var(--scale,1));will-change:transform}.afd-image.is-switching{animation:afd-fade .18s ease}.afd-bottom{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-top:1px solid var(--afd-line);background:var(--paper);position:relative;z-index:2;padding:3px 16px 9px}.afd-dots{display:flex;gap:0;align-items:center;justify-content:center;height:30px}.afd-dot{display:grid;place-items:center;width:23px;height:30px;border:0;padding:0;background:transparent;cursor:pointer}.afd-dot span{display:block;width:4px;height:4px;background:#adb4a7;border-radius:50%;transition:background .18s,transform .18s}.afd-dot[aria-pressed=true] span{background:var(--ink);transform:scale(1.4)}.afd-status{display:flex;gap:13px;align-items:center;font-size:10px;line-height:1.5}.afd-counter{letter-spacing:1px;white-space:nowrap}.afd-hint{color:var(--afd-muted);font-size:10px}.afd-dot:focus-visible{outline-offset:-2px}

@keyframes afd-fade{from{opacity:.65}to{opacity:1}}
@media(max-width:749px){.afd-viewer[open]{grid-template-rows:calc(55px + env(safe-area-inset-top)) minmax(0,1fr) calc(80px + env(safe-area-inset-bottom))}.afd-top{padding:env(safe-area-inset-top) 10px 0;gap:8px}.afd-title{font-size:11px}.afd-current-title{display:none}.afd-controls{gap:10px}.afd-zoom button{width:32px;height:40px}.afd-zoom [data-zoom-value]{font-size:10px;width:40px}.afd-close{width:38px;height:40px;font-size:26px}.afd-bottom{padding-bottom:calc(9px + env(safe-area-inset-bottom));gap:2px}.afd-dot{width:26px;height:32px}.afd-status{gap:9px}.afd-hint{font-size:9px}.afd-counter{font-size:9px}}
@media(prefers-reduced-motion:reduce){.afd-image.is-switching{animation:none}.afd-dot span{transition:none}}
.afd-image.is-loading{opacity:.4}.afd-loading{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);padding:7px 12px;background:var(--paper);border:1px solid var(--afd-line);font-size:11px;color:var(--afd-muted);white-space:nowrap}.afd-loading[hidden]{display:none}

.afd-viewer,.afd-viewer *{box-sizing:border-box}.afd-viewer button{font-family:inherit;color:inherit;border-radius:0}.afd-viewer button:focus-visible,.afd-canvas:focus-visible{outline:2px solid var(--afd-muted);outline-offset:-3px}.afd-dots{max-width:100%;overflow-x:auto;justify-content:safe center;scrollbar-width:none}.afd-dot{flex-shrink:0}.afd-viewer .afd-image{max-width:none;max-height:none;margin:0;padding:0;border:0}.sr-detail-images>button{cursor:zoom-in}