.reader-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#document-viewer{width:1280px;max-width:96vw;height:94dvh;max-height:1040px;padding:0;overflow:hidden;border-radius:6px;line-height:1.4}
#document-viewer[open]{display:flex;flex-direction:column}#document-viewer::backdrop{background:#122630dc}
.reader-top{display:flex;align-items:center;gap:8px;flex-shrink:0;padding:7px 10px;border-bottom:1px solid var(--line);background:white}
#document-viewer select{font:400 15px/1.4 Jost,sans-serif;background:white;color:var(--ink);border:1px solid var(--line);border-radius:4px;min-width:0;height:42px;padding:0 10px;width:100%}
#document-select{flex:1}.reader-outline{background:#f7fafb;padding:10px 14px;flex-shrink:0;border-bottom:1px solid var(--line)}.reader-outline[hidden]{display:none}.reader-outline label{font-size:12px;display:block;margin-bottom:5px}.reader-outline p{font-size:11px;color:var(--muted);margin-top:7px}
#document-viewer button,#document-download{border:1px solid var(--line);background:white;color:var(--ink);border-radius:4px;min-width:40px;min-height:40px;width:40px;height:40px;padding:7px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font:400 20px/1 Jost,sans-serif;cursor:pointer;text-decoration:none}
#document-viewer button:disabled{opacity:.35;cursor:default}#document-viewer svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#document-viewer button[aria-expanded=true]{background:var(--pale);border-color:var(--blue)}#document-viewer select:focus-visible,#document-viewer input:focus-visible,.document-stage:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
.document-stage{position:relative;flex:1;min-height:0;overflow:auto;background:#e7edef;overscroll-behavior:contain;padding:18px;scroll-behavior:auto;text-align:left;-webkit-overflow-scrolling:touch}
.document-canvas-wrap{width:fit-content;margin:0 auto;background:white;box-shadow:0 2px 12px #18343f18}.document-stage canvas{display:block;max-width:none}
.document-status{font-size:14px;color:var(--ink);background:#fffffff5;position:sticky;top:0;z-index:1;padding:12px;margin:0 auto 12px;max-width:560px;border:1px solid var(--line);border-radius:4px}.document-status[hidden]{display:none}#document-viewer .document-retry{width:auto;font-size:14px;margin:10px 0}
.reader-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px max(7px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:white;flex-shrink:0}.reader-pagination,.reader-zoom{display:flex;align-items:center;gap:5px}.reader-pagination input{width:38px;min-width:0;height:40px;text-align:center;border:1px solid var(--line);border-radius:3px;background:white;color:var(--ink);font:400 16px/1 Jost,sans-serif;appearance:textfield}.reader-pagination input::-webkit-inner-spin-button{appearance:none}.reader-pagination span{font-size:13px;color:var(--muted);white-space:nowrap}.reader-zoom{margin-left:auto}body.document-open{overflow:hidden}
@media(max-width:600px){#document-viewer{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.reader-top{padding:6px 8px;gap:5px}.reader-top select{font-size:16px!important}.document-stage{padding:8px}.reader-toolbar{padding:6px 8px max(6px,env(safe-area-inset-bottom));gap:6px}.reader-pagination,.reader-zoom{gap:3px}#document-viewer button,#document-download{min-width:36px;width:36px;min-height:40px;height:40px;padding:7px}.reader-top #document-close{min-width:40px;width:40px}.reader-outline{padding:8px 12px}}
@media(max-width:360px){.reader-toolbar{gap:4px;padding-left:5px;padding-right:5px}#document-viewer .reader-toolbar button,#document-download{min-width:32px;width:32px}.reader-pagination input{width:32px}.reader-pagination,.reader-zoom{gap:2px}}