.dv{display:flex;flex-direction:column;min-width:0;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.dv-bar{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:2}.dv-bar-nav,.dv-bar-acts{display:flex;align-items:center;gap:var(--space-1);min-width:0}.dv-bar-acts{flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}.dv-btn{display:inline-flex;align-items:center;justify-content:center;min-width:var(--control-sm);height:var(--control-sm);padding:0 var(--space-2);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-family:inherit;font-size:var(--text-md);line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.dv-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.dv-btn:active:not(:disabled){background:var(--bg-sunken)}.dv-btn:focus-visible{outline:none;box-shadow:var(--ring);border-color:var(--accent)}.dv-btn:disabled{opacity:.4;cursor:not-allowed}.dv-count,.dv-zoom{font-size:var(--text-xs);color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap}.dv-zoom{min-width:4ch;text-align:center}.dv-body{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-sunken);overflow:auto;overscroll-behavior:contain;max-height:min(72vh,860px)}.dv-body:focus-visible{outline:none;box-shadow:inset var(--ring)}.dv-page{position:relative;width:100%;min-width:0;background:#fff;border-radius:var(--radius-xs);box-shadow:var(--shadow-sm);overflow:hidden}.dv-page img{display:block;width:100%;height:auto}.dv-page-skel{aspect-ratio:1 / 1.414;width:100%;background:linear-gradient(100deg,var(--bg-sunken) 30%,var(--surface-hover) 50%,var(--bg-sunken) 70%);background-size:200% 100%;animation:dv-shimmer 1.4s linear infinite}.dv-page img+.dv-page-skel{position:absolute;inset:0}@keyframes dv-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.dv-page-num{position:absolute;right:var(--space-2);bottom:var(--space-2);padding:2px var(--space-2);border-radius:var(--radius-full);background:#1016258c;color:#fff;font-size:var(--text-2xs);font-variant-numeric:tabular-nums;pointer-events:none}.dv-page-fail{aspect-ratio:1 / 1.414;display:flex;align-items:center;justify-content:center;padding:var(--space-6);color:var(--text-secondary);font-size:var(--text-sm);text-align:center}.dv-off{align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-5);text-align:center}.dv-off-title{color:var(--text-secondary);font-size:var(--text-sm);max-width:52ch;margin:0}.dv-off-acts{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}@media(max-width:640px){.dv-body{padding:var(--space-2);gap:var(--space-3);max-height:68vh}.dv-bar{padding:var(--space-2)}.dv-btn-zoom,.dv-zoom{display:none}}@media(prefers-reduced-motion:reduce){.dv-page-skel{animation:none}.dv-btn{transition:none}}