*{box-sizing:border-box}html,body{height:100%;margin:0;font:14px/1.4 system-ui,sans-serif;color:#17344d;background:#e7edf4}.viewer{height:100%;display:flex;flex-direction:column}.viewer-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;background:#f4f7fb;border-bottom:1px solid #cbd7e4;flex-shrink:0}.viewer-toolbar label{display:flex;align-items:center;gap:6px;white-space:nowrap}.viewer-toolbar button,.viewer-toolbar select{min-height:36px;border:1px solid #bacbdf;border-radius:7px;padding:6px 10px;background:white;color:#244e7c;font:inherit}.viewer-toolbar button{font-weight:650;cursor:pointer}.viewer-toolbar button:hover:not(:disabled){background:#e4eefb}.viewer-toolbar :disabled{opacity:.5;cursor:default}.zoom-control{margin-left:auto}.viewer-status{margin:0;padding:7px 14px;color:#536779;background:#f4f7fb;font-size:12px;border-bottom:1px solid #d7e0eb;flex-shrink:0}.document-viewport{flex:1;min-height:0;overflow:auto;padding:16px;overscroll-behavior:contain}.paper{position:relative;margin:0 auto;background:white;box-shadow:0 2px 10px #253b5526}.paper canvas{display:block}.textLayer{z-index:2}.textLayer ::selection{background:#6caaf580}.viewer-error{padding:25px;background:white;border-radius:10px;line-height:1.7}.viewer-error a{color:#24558b}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}button:focus-visible,select:focus-visible,.document-viewport:focus-visible{outline:3px solid #377fc5;outline-offset:2px}[hidden]{display:none!important}@media(max-width:480px){.viewer-toolbar{padding:9px;gap:7px}.viewer-toolbar button,.viewer-toolbar select{padding:6px;font-size:12px}.zoom-control{margin-left:0}.document-viewport{padding:9px}}