:root{color-scheme:dark;font:14px/1.5 system-ui,sans-serif;color:#e9e4d9;background:#121715}*{box-sizing:border-box}body{margin:0}header{padding:16px 20px;background:#18231f;border-bottom:1px solid #526256;display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap}nav,.tools,.controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}a{color:#e8d8a0;text-underline-offset:4px}button,select{font:inherit;color:inherit;background:#18231f;border:1px solid #798579;border-radius:4px;padding:9px 12px;min-height:42px;cursor:pointer}button[aria-pressed=true]{background:#d8c18a;color:#17231d;border-color:#d8c18a}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,.viewport:focus-visible{outline:3px solid #eac879;outline-offset:3px}.controls{justify-content:center;padding:14px 12px 0}.status{text-align:center;font-size:12px;color:#bfcbbf;margin:9px 0}.viewport{overflow:auto;text-align:center;padding:6px 12px 24px;max-height:calc(100vh - 190px);min-height:200px}.viewport img{display:block;width:100%;max-width:1100px;height:auto;margin:0 auto;box-shadow:0 8px 30px #0008}.viewport.zoomed img{width:1548px;max-width:none;margin:0}.viewport.zoomed{text-align:left}#load-error,#pdf-panel>p,noscript p{padding:12px;text-align:center}#pdf{width:100%;height:calc(100vh - 150px);min-height:440px;border:0}[hidden]{display:none!important}@media(max-width:540px){header{padding:12px;gap:12px}.tools,nav{width:100%;justify-content:space-between;gap:7px}.controls{gap:7px}.controls label{font-size:12px}button,select{padding:8px}.viewport{max-height:calc(100vh - 230px);padding:4px 4px 18px}}