:root{color-scheme:light;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#20232a;background:#eef0f3}
*{box-sizing:border-box}body{margin:0}a{color:#285fea;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #7e9ff2;outline-offset:3px}
header{display:flex;align-items:center;gap:20px;padding:16px 24px;background:#fff;border-bottom:1px solid #dde1e7}h1{flex:1;font-size:18px;margin:0}h1 span{display:block;color:#626873;font-size:12px;font-weight:400;margin-top:3px}.back{white-space:nowrap;font-size:14px}.download{white-space:nowrap;background:#285fea;color:white;padding:10px 14px;border-radius:9px;font-size:14px}
nav{position:sticky;top:0;z-index:2;background:#fff;display:flex;align-items:center;justify-content:center;gap:16px;padding:10px;border-bottom:1px solid #dde1e7;box-shadow:0 2px 8px #20232a08}button{background:#f7f8fa;color:#20232a;border:1px solid #dde1e7;border-radius:7px;padding:7px 12px;cursor:pointer}button:disabled{opacity:.45;cursor:default}input{width:60px;text-align:center;padding:6px 2px;border:1px solid #dde1e7;border-radius:5px}nav label{font-size:14px;white-space:nowrap}
#status{margin:16px;text-align:center;font-size:14px;color:#626873}main{max-width:760px;margin:0 auto;padding:0 12px}.pdf-page{position:relative;background:#fff;margin:0 auto 14px;box-shadow:0 2px 12px #20232a12;scroll-margin-top:70px;overflow:hidden}.pdf-page canvas{display:block;width:100%;height:auto}.page-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#7b828e;font-size:14px}.textLayer{position:absolute;inset:0;overflow:hidden;line-height:1;text-align:initial;transform-origin:0 0}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;transform-origin:0 0}.textLayer ::selection{background:#467ae366}.textLayer .endOfContent{display:none}
.textLayer{--min-font-size:1;--text-scale-factor:calc(var(--total-scale-factor) * var(--min-font-size));--min-font-size-inv:calc(1 / var(--min-font-size));text-size-adjust:none}.textLayer>:not(.markedContent),.textLayer .markedContent span:not(.markedContent){--font-height:0;font-size:calc(var(--text-scale-factor) * var(--font-height));--scale-x:1;--rotate:0deg;transform:rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv))}.textLayer .markedContent{display:contents}
footer{text-align:center;padding:20px;font-size:12px;color:#626873}@media(max-width:480px){header{gap:10px;padding:12px}h1{font-size:15px}.back{font-size:12px}.download{padding:9px 10px;font-size:12px}nav{gap:10px}button{font-size:13px}main{padding:0 6px}.pdf-page{margin-bottom:8px}}
