*{box-sizing:border-box}body{margin:0;background:#101c32;color:#fff;font:15px Arial,sans-serif}header{position:fixed;inset:0 0 auto;z-index:10;background:#211a10;border-bottom:1px solid #b99758;padding:12px 110px 12px 14px;min-height:74px}.controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}button,#back{min-height:42px;border:1px solid #b99758;border-radius:7px;padding:10px 16px;background:linear-gradient(110deg,#eed6a7,#d9b775);color:#302315;font:700 14px Arial;cursor:pointer;text-decoration:none}button:hover,#back:hover{background:#2258a1;color:white}button:disabled{opacity:.5;cursor:default}#back{position:fixed;right:16px;top:14px;z-index:20}input{width:65px;padding:8px;color:white;background:#302017;border:1px solid #b99758}main{padding:0 16px 30px;overflow:auto}#status{margin:90px 18px 16px;color:#e4c16e;min-height:22px}canvas{display:block;margin:auto;background:white;max-width:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #8fc5ff;outline-offset:3px}@media(max-width:600px){header{padding-right:88px}.controls{gap:6px}button,#back{padding:8px 10px}#status{margin-top:130px}}

#pdf{display:flex;flex-direction:column;align-items:center;gap:22px;min-width:max-content}.pdf-page{position:relative;flex:none;background:white;box-shadow:0 3px 12px #0006;scroll-margin-top:90px}.page-label{position:absolute;inset:20px auto auto 20px;color:#555}.pdf-page canvas{margin:0}@media(max-width:600px){.pdf-page{scroll-margin-top:140px}}