.dv{margin:0;min-width:0;background:#fff;border:1px solid var(--ink)}.dv-stage{display:block;width:100%;padding:0;border:0;background:var(--paper);cursor:zoom-in;aspect-ratio:16/10}.dv-stage img{width:100%;height:100%;object-fit:contain;padding:12px;animation:dv-in .35s ease-out}@keyframes dv-in{0%{opacity:.25}to{opacity:1}}.dv figcaption{display:flex;justify-content:space-between;gap:14px;padding:10px 14px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-2)}.dv-n{color:var(--ink-3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.dv-thumbs{display:flex;gap:6px;padding:0 14px 12px;overflow-x:auto}.dv-thumbs button{flex:none;width:86px;height:58px;padding:0;border:2px solid transparent;background:var(--paper);cursor:pointer}.dv-thumbs button[aria-pressed=true]{border-color:var(--acc)}.dv-thumbs img{width:100%;height:100%;object-fit:cover}.dv-lb{max-width:min(1500px,95vw);max-height:95vh;padding:0;border:0;background:#fff}.dv-lb::-webkit-backdrop{background:rgba(12,12,16,.86)}.dv-lb::backdrop{background:rgba(12,12,16,.86)}.dv-lb img{display:block;max-width:100%;max-height:calc(95vh - 54px);margin:0 auto;object-fit:contain}.dv-lb-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;border-top:1px solid var(--line);font-size:13px}.dv-lb-bar button{font:500 13px/1 var(--f-body);padding:10px 14px;border:1.5px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer}@media (prefers-reduced-motion:reduce){.dv-stage img{animation:none}}.dv-cmp{position:relative;cursor:ew-resize;overflow:hidden}.dv-cmp img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:12px;animation:none;background:var(--paper)}.dv-cmp .dv-before{-webkit-clip-path:inset(0 calc(100% - var(--p)) 0 0);clip-path:inset(0 calc(100% - var(--p)) 0 0)}.dv-bar{position:absolute;top:0;bottom:0;left:var(--p);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.25);pointer-events:none}.dv-bar:after{content:"";position:absolute;top:50%;left:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:var(--acc);border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.25)}.dv-tag{position:absolute;top:12px;padding:4px 9px;font-size:12px;font-weight:500;background:rgba(0,0,0,.62);color:#fff;pointer-events:none}.dv-tag.b{left:12px}.dv-tag.a{right:12px}.dv-cmp input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.dv-cmp:has(input:focus-visible){outline:3px solid var(--acc);outline-offset:2px}