.pdf-preview { display:flex; flex-direction:column; min-width:0; width:100%; height:640px; max-height:78vh; overflow:hidden; border:1px solid #dfe3e8; border-radius:6px; background:#edf0f2; }
.pdf-preview-toolbar { display:flex; flex:none; align-items:center; justify-content:center; gap:6px; min-height:44px; padding:4px 8px; background:#fff; border-bottom:1px solid #dfe3e8; }
.pdf-preview-toolbar button { display:inline-flex; flex:none; align-items:center; justify-content:center; width:32px; height:32px; padding:6px; border:1px solid transparent; border-radius:4px; background:#fff; color:#344054; }
.pdf-preview-toolbar button:hover:not(:disabled) { background:#f2f4f7; border-color:#d0d5dd; }
.pdf-preview-toolbar button:focus-visible { outline:2px solid #dc3545; outline-offset:1px; }
.pdf-preview-toolbar button:disabled { opacity:.4; cursor:default; }
.pdf-preview-toolbar svg { width:18px; height:18px; }
.pdf-preview-toolbar output { min-width:64px; text-align:center; font-size:13px; color:#344054; }
.pdf-preview-pages { position:relative; flex:1; min-height:0; overflow:auto; padding:12px; scrollbar-gutter:stable; }
.pdf-preview-pages canvas { display:block; margin:0 auto; background:white; box-shadow:0 1px 5px #0002; }
.pdf-preview-status { padding:28px 12px; text-align:center; color:#475467; }
.pdf-preview-status[hidden] { display:none; }
@media(max-width:575px) { .pdf-preview { height:500px; max-height:70vh; } }