header nav{display:flex;gap:8px}header nav button{width:auto;margin:0;padding:8px 16px}body.viewer main{display:block;height:calc(100dvh - 76px)}body.viewer aside{display:none}body.viewer .viewport{height:100%;width:100%}body.viewer .overlay b{font-size:24px}body.viewer .hint{bottom:90px;text-align:center;background:transparent}#viewer-tools{display:none;position:absolute;bottom:20px;left:50%;transform:translateX(-50%);gap:10px;background:#14231ee8;border:1px solid #496354;border-radius:16px;padding:12px;max-width:95%;align-items:center}body.viewer #viewer-tools{display:flex}#viewer-tools button{width:auto;margin:0;white-space:nowrap}#viewer-tools select{width:180px}#viewer-tools label{margin:0;white-space:nowrap}#viewer-tools input{width:130px}button:disabled{opacity:.4;cursor:default}@media(max-width:650px){#viewer-tools{flex-wrap:wrap;justify-content:center;width:94%}body.viewer .hint{bottom:150px}header h1{font-size:15px}header nav button{padding:8px}#viewer-tools select{width:140px}}