:root{color-scheme:light;--paper:#f5f1f8;--ink:#34283b;--accent:#794f8e;--line:#cdbcd6;--panel:#fff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px system-ui,sans-serif}body[data-theme=roses]{--paper:#fff1f5;--accent:#a02a5c;--line:#edbbcd}body[data-theme=burgundy]{--paper:#faf2e5;--accent:#781a35;--line:#cead9b}body[data-theme=pastel]{--paper:#eef9fb;--accent:#397387;--line:#bad7df}body[data-theme=rainbow]{--paper:#f5f2ff;--accent:#65449b;--line:#c8b6df}body[data-theme=blog]{--paper:#f5f3ed;--accent:#675244;--line:#d4c6b3}.toolbar{position:sticky;top:0;z-index:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:10px;border-bottom:1px solid var(--line);background:var(--paper)}.pages,.zoom{display:flex;gap:7px;align-items:center;flex-wrap:wrap}button,input,a{font:inherit}button,a{border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--accent);padding:7px 11px;min-height:34px}button{cursor:pointer;min-width:34px}button:disabled{opacity:.4;cursor:default}a{font-size:12px;text-decoration:none}input{width:54px;border:1px solid var(--line);border-radius:5px;padding:6px;color:var(--ink);background:var(--panel)}#status{padding:8px 12px;margin:0;line-height:1.5;font-size:12px}#viewport{padding:12px;overflow:auto;min-height:150px}canvas{display:block;margin:0 auto;background:#fff;box-shadow:0 2px 12px #0002}footer{padding:12px;text-align:center;color:var(--accent);font-size:11px}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media(max-width:420px){.toolbar{padding:7px;gap:6px}.pages,.zoom{gap:4px}button,a{padding:6px 8px}#viewport{padding:7px}#status{padding:7px}}