:root{--toolbar-height:58px;--sidebar-width:196px;color-scheme:light;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#20232b;background:#555a62}
html body{height:100vh;height:100dvh;overflow:hidden}
body .viewer-toolbar{height:var(--toolbar-height);padding:0 16px;gap:10px;z-index:5}
body .document-symbol{font-size:24px}
body .type-badge{flex-shrink:0}
body h1{min-width:80px}
.viewer-controls,.toolbar-group{display:flex;align-items:center;gap:6px;flex-shrink:0}
.viewer-controls{gap:14px}
.toolbar-group+.toolbar-group{border-left:1px solid #50545b;padding-left:14px}
body .toolbar-button{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:30px;min-height:30px;height:30px;padding:3px 7px;border:1px solid transparent;border-radius:3px;background:transparent;box-shadow:none;color:#eef0f3;font-family:inherit;font-weight:500;font-size:13px;line-height:1.2;gap:0;cursor:pointer;flex-shrink:0}
body .toolbar-button>span{font-size:23px;line-height:1}
body .toolbar-button:hover:not(:disabled){background:#484c53}
body .toolbar-button:disabled{background:transparent;color:#777d86;cursor:default;box-shadow:none}
body .toolbar-button:focus-visible{outline:2px solid #a6c8ff;outline-offset:2px}
body .toolbar-button[aria-pressed="true"]{border-color:#7a818c;background:#444951}
.page-number-label,.page-counter{color:#cbd0d8;font-size:12px;white-space:nowrap}
.page-number{width:38px;height:26px;padding:2px 4px;border:1px solid #717781;border-radius:2px;color:#f4f6fa;background:#363b43;font-family:inherit;font-size:12px;line-height:1.2;text-align:center;appearance:textfield;-moz-appearance:textfield}
.page-number::-webkit-inner-spin-button,.page-number::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}
.page-number:focus-visible{outline:2px solid #a6c8ff;outline-offset:2px}
.zoom-level{display:inline-block;width:56px;min-width:45px;height:26px;padding:2px 3px;border:1px solid #717781;border-radius:2px;background:#363b43;color:#e3e7ec;font-family:inherit;font-size:12px;text-align:center;font-variant-numeric:tabular-nums}
.zoom-level:focus-visible{outline:2px solid #a6c8ff;outline-offset:2px}
body .fit-width{min-width:67px;white-space:nowrap}
.thumbnail-sidebar{position:fixed;top:var(--toolbar-height);bottom:0;left:0;z-index:3;width:var(--sidebar-width);overflow:auto;padding:19px 20px 28px;background:#363a40;border-right:1px solid #292d32;color:#eef0f3}
.sidebar-heading{margin:0 0 19px;font-size:12px;letter-spacing:.02em;font-weight:500;color:#d7dce3}
.thumbnail-list{display:flex;flex-direction:column;gap:22px;align-items:center}
body .thumbnail-button{display:flex;flex-direction:column;gap:8px;width:138px;min-height:0;padding:5px;border:2px solid transparent;border-radius:3px;background:transparent;box-shadow:none;color:#d2d7df;font-size:12px;cursor:pointer}
body .thumbnail-button:hover:not(:disabled){background:#464b53}
body .thumbnail-button[aria-current="page"]{border-color:#8ab4f8;background:#454d59;color:#fff}
.thumbnail-image{display:block;width:100%;min-height:80px;overflow:hidden;background:#fff;box-shadow:0 1px 4px #0005}
.thumbnail-image img{display:block;width:100%;height:auto;pointer-events:none}
.thumbnail-number{font-size:12px;font-weight:500;line-height:1.3}
body .viewer-workspace{height:calc(100vh - var(--toolbar-height));height:calc(100dvh - var(--toolbar-height));min-height:0;margin-left:var(--sidebar-width);overflow:auto;overscroll-behavior:contain;background:#555960;scrollbar-gutter:stable}
body .viewer-workspace:focus-visible{outline:2px solid #a6c8ff;outline-offset:-3px}
body .download-panel{transform:translate(-50%,-50%)}
body .document-stack{max-width:none}
body .paper{scroll-margin-top:28px}
body.sidebar-collapsed .thumbnail-sidebar{display:none}
body.sidebar-collapsed .viewer-workspace{margin-left:0}
.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){body .viewer-toolbar{gap:8px}.viewer-controls{gap:8px}.toolbar-group+.toolbar-group{padding-left:8px}.page-number-label{display:none}body .type-badge{max-width:65px}}
@media(max-width:900px){body .viewer-workspace{margin-left:0}}
@media(max-width:760px){:root{--toolbar-height:104px;--sidebar-width:174px}body .viewer-toolbar{flex-wrap:wrap;align-content:center;gap:7px 8px;padding:8px 12px}body h1{flex-basis:0;min-width:0}body .type-badge{margin-left:auto}.viewer-controls{width:100%;justify-content:center;gap:16px}.toolbar-group+.toolbar-group{padding-left:16px}.page-number-label{display:inline}.thumbnail-sidebar{box-shadow:5px 0 12px #0004;padding:19px 15px 28px}body .viewer-workspace{margin-left:0}body .thumbnail-button{width:130px}body .page-counter{display:inline}}
@media(max-width:420px){:root{--toolbar-height:140px}.viewer-controls{flex-wrap:wrap;gap:6px 16px}.toolbar-group+.toolbar-group{border-left:0;padding-left:0}}
@media(max-width:360px){.viewer-controls{gap:6px}.toolbar-group{gap:3px}.toolbar-group+.toolbar-group{padding-left:6px}.page-number-label{display:none}body .fit-width{min-width:58px;padding-inline:4px}.zoom-level{min-width:39px}}
.download-panel button{font:inherit;font-weight:600;font-size:15px;line-height:1.4}
*{box-sizing:border-box}body{margin:0;min-width:260px}.viewer-toolbar{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:12px;height:58px;padding:0 22px;background:#262a31;color:#f4f6fa;box-shadow:0 2px 8px #0003}.document-symbol{font-size:27px;color:#c6cdd8}h1{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;margin:0}.type-badge{padding:3px 7px;border:1px solid #6c7483;border-radius:4px;color:#d6deeb;font-size:11px;max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-counter{font-size:12px;color:#c2c8d2;white-space:nowrap}.viewer-workspace{position:relative;min-height:calc(100vh - 58px);padding:28px 20px 60px;background:linear-gradient(135deg,#5d626b,#484d56)}.document-stack{width:min(820px,100%);margin:0 auto;user-select:none;pointer-events:none}.paper{margin-bottom:28px;background:white;box-shadow:0 3px 18px #0005;min-height:300px}.paper img{display:block;width:100%;height:auto}.download-panel{position:fixed;left:50%;top:50%;transform:translate(-50%,-45%);z-index:2;width:min(420px,calc(100% - 36px));padding:27px 28px 22px;text-align:center;border:1px solid #ffffffcc;border-radius:16px;background:#fffffff5;box-shadow:0 16px 70px #1b22324d}.panel-eyebrow{color:#727b8a;font-size:12px;letter-spacing:.08em}.panel-file-title{font-size:17px;font-weight:600;line-height:1.5;margin:12px 0 22px;overflow-wrap:anywhere;max-height:100px;overflow:auto}.download-panel button{display:flex;justify-content:center;align-items:center;gap:9px;min-height:48px;width:100%;border:0;border-radius:9px;color:white;background:#2563d9;font:600 15px/1.4 inherit;cursor:pointer;box-shadow:0 4px 12px #2563d933;padding:12px}.download-panel button:hover:not(:disabled){background:#1b52bd}.download-panel button:focus-visible{outline:3px solid #80adff;outline-offset:3px}.download-panel button:disabled{cursor:wait;background:#8b9bb7;box-shadow:none}.preview-note{margin:14px 0 0;color:#737c89;font-size:11px;line-height:1.6}.button-spinner{display:none;width:15px;height:15px;border:2px solid #ffffff55;border-top-color:#fff;border-radius:50%;animation:spin .75s linear infinite}.download-panel button[data-preparing="true"] .button-spinner{display:block}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:560px){.viewer-toolbar{padding:0 12px;gap:8px}.page-counter{display:none}.viewer-workspace{padding:16px 10px 40px}.download-panel{padding:24px 20px 20px}.panel-file-title{font-size:15px}}@media(prefers-reduced-motion:reduce){.button-spinner{animation:none}}