.page-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px;font-size:13px}
.page-controls button{border:1px solid #ddd7e5;border-radius:6px;background:white;color:#433952;padding:8px 12px;min-height:42px;cursor:pointer}
.page-controls button:disabled{opacity:.4;cursor:default}.page-controls label{display:flex;flex-direction:row;align-items:center;gap:5px;margin-left:auto;white-space:nowrap}
.page-controls input{box-sizing:border-box;width:65px!important;padding:8px;border:1px solid #d5cfde;border-radius:5px;font:inherit}
.page-layout{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:start}
.page-thumbnails{display:flex;flex-direction:column;gap:10px;max-height:58vh;overflow:auto;padding:4px;overscroll-behavior:contain}
.page-thumbnails button{display:flex;flex-direction:column;gap:5px;align-items:center;flex-shrink:0;min-height:100px;padding:6px;border:2px solid transparent;border-radius:5px;background:#f4f2f6;color:#655778;font-size:12px;cursor:pointer}
.page-thumbnails button[aria-current=page]{border-color:#756398;background:#eee9f5}
.page-thumbnail-image{display:block;width:120px;min-height:68px;pointer-events:none;overflow:hidden;background:white}
.page-reading{min-width:0;max-height:62vh;overflow:auto;overscroll-behavior:contain}.document-page{min-height:120px;width:100%;overflow:hidden;background:#f4f3f6}
.document-page canvas,.page-thumbnail-image canvas{display:block;width:100%;height:auto}.document-page>div{max-width:100%}
.page-reading details{margin-top:14px}.pdf-text{white-space:pre-wrap;font-size:14px;line-height:1.8}.page-error{font-size:14px;color:#953630;line-height:1.7}
.pages-hidden .page-thumbnails{display:none}.pages-hidden .page-layout{grid-template-columns:minmax(0,1fr)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pptx-frame{width:100%;height:68vh;min-height:400px;border:0;display:block}.preview-note{font-size:12px;line-height:1.6;color:#777;margin:12px 0 0}
@media(max-width:700px){.page-layout{display:flex;flex-direction:column;gap:12px}.page-thumbnails{flex-direction:row;width:100%;box-sizing:border-box;max-height:132px}.page-thumbnails button{min-width:120px}.page-thumbnail-image{width:100px}.page-reading{width:100%;max-height:48vh}.page-controls{gap:5px}.page-controls button{padding:8px}.page-controls label{font-size:12px}.pptx-frame{height:410px;min-height:300px;max-height:55vh}}