*{box-sizing:border-box}html,body{margin:0;height:100%;background:#171719;color:#fff;font-family:Arial,sans-serif}#viewer{height:100vh;height:100dvh;display:flex;flex-direction:column;background:#171719}#stage{min-height:0;flex:1;display:flex;align-items:center;justify-content:center;overflow:auto;padding:8px}#page{display:block;max-width:100%;max-height:100%;object-fit:contain;width:auto;height:auto}nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px max(16px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#202023}.pages,.actions{display:flex;align-items:center;gap:10px}button,a.download{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #777;border-radius:5px;background:transparent;color:#fff;font-size:14px;padding:10px 14px;text-decoration:none;cursor:pointer}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #d6e6c7;outline-offset:3px}.pages button{font-size:28px;padding:0;width:44px}.download{background:#60755d!important;border-color:#60755d!important;font-weight:bold}#count{font-size:14px;white-space:nowrap;min-width:38px;text-align:center}#error,#notice{font-size:16px;padding:10px;text-align:center}#error a{color:#d6e6c7}#notice{margin:0}button:hover:not(:disabled){background:#38383d}@media(max-width:460px){nav{padding-left:8px;padding-right:8px;gap:6px}.pages,.actions{gap:5px}button,a.download{padding:8px;font-size:13px}.pages button{width:36px}#stage{padding:0}}@media(max-height:450px){nav{padding-top:4px;padding-bottom:4px}#stage{padding:0}}