.document-reader{min-width:0}
.document-reader .ink-toolbar{top:var(--head);padding:8px 0;margin-bottom:12px}
.reader-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;width:100%;flex-basis:100%;padding:8px 0;border-top:1px solid var(--line)}
.reader-pagination,.reader-zoom{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.reader-pagination label{white-space:nowrap;font-size:.86rem}
.reader-pagination input{width:66px;min-width:0;min-height:44px;padding:7px}
.reader-controls button{min-height:44px;padding:7px 11px;font-size:.86rem}
.reader-zoom output{min-width:48px;text-align:center;font-size:.86rem;font-variant-numeric:tabular-nums}
.reader-load-status{display:flex;align-items:center;flex-wrap:wrap;gap:10px;width:100%;font-size:.82rem;color:var(--muted)}
.document-reader .reader-wrap{max-height:calc(100vh - var(--head) - 200px);min-height:220px;overflow:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#8293a6 #dce2e9}
.document-reader .pdf-page{max-width:none;width:100%;min-height:180px;transform-origin:top left}
.document-reader .reader-page-image{display:block;width:100%;max-width:none;height:auto}
.document-reader #reader-placeholder{padding:30px 20px;color:var(--muted)}
@media(max-width:699px){.document-reader .reader-wrap{max-height:60vh;min-height:180px;padding:4px}.reader-controls{gap:8px}.reader-pagination input{width:52px}.reader-controls button{padding-inline:8px}.document-reader .ink-toolbar .small{display:none}}