.pdf{gap:24px;display:grid}.pdf__bar{top:calc(var(--header-h) + 8px);z-index:5;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:12px 20px;padding:10px 14px;display:flex;position:sticky}.pdf__nav{align-items:center;gap:12px;margin-right:auto;display:flex}.pdf__nav[hidden]{display:none}.pdf__arrow{border:1px solid var(--line);border-radius:50%;place-items:center;width:48px;height:48px;font-size:18px;transition:background-color .3s,color .3s,border-color .3s;display:grid}.pdf__arrow:hover:not(:disabled){background:var(--maroon);border-color:var(--maroon);color:var(--paper)}.pdf__arrow:disabled{opacity:.35;cursor:default}.pdf__count{text-align:center;min-width:130px}.pdf__meta{color:var(--gray)}.pdf__stage{background:var(--mist);border-radius:var(--radius);touch-action:pan-y;justify-content:center;align-items:flex-start;gap:16px;min-height:60vh;padding:clamp(12px,2vw,24px);display:flex}.pdf__stage canvas{max-width:100%;height:auto;animation:pdf-turn .35s var(--ease);background:#fff;display:block;box-shadow:0 2px 14px #0e0e0e29}.pdf__status{color:var(--gray);text-align:center;align-self:center;max-width:44ch}.pdf__thumbs{gap:10px;padding-bottom:8px;display:flex;overflow-x:auto}.pdf__thumbs:empty{display:none}.pdf__thumb{background:var(--mist);border:2px solid #0000;border-radius:6px;flex:none;width:84px;padding:3px}.pdf__thumb canvas{background:#fff;width:100%;height:auto;display:block}.pdf__thumb[aria-current]{border-color:var(--maroon)}@keyframes pdf-turn{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.pdf__stage canvas{animation:none}}@media (width<=700px){.pdf__bar{top:8px}.pdf__nav{justify-content:space-between;width:100%;margin-right:0}.pdf__download{flex:1;justify-content:center}}