*{box-sizing:border-box}body{margin:0;background:#eef2ef;color:#18312f;font:14px/1.5 system-ui,sans-serif}header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;background:#fff;border-bottom:1px solid #dce6e2;position:sticky;top:0;z-index:2}.paging,.zoom{display:flex;gap:7px;align-items:center}button,a{border:1px solid #d4e0d8;border-radius:6px;background:#fff;color:#146b58;padding:5px 10px;font:inherit;text-decoration:none;cursor:pointer}button:disabled{opacity:.45;cursor:default}input{width:55px;padding:5px;border:1px solid #d4e0d8;border-radius:5px;font:inherit}#viewport{overflow:auto;padding:12px;min-height:180px}#paper{position:relative;margin:auto;background:white;width:fit-content;box-shadow:0 1px 6px #153a3420}canvas{display:block}#message{margin:12px;text-align:center}#message:empty{display:none}.error{color:#a33b31}#paper .textLayer{position:absolute;inset:0;z-index:1}@media(max-width:440px){header{justify-content:center;padding:8px;gap:6px}button,a{padding:5px 8px}#viewport{padding:6px}}