*{box-sizing:border-box}body{margin:0;background:#313131;color:#fff;font:15px/1.5 Arial,sans-serif}.viewer-toolbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 18px;background:#143c2e}.viewer-toolbar nav,.viewer-toolbar>div{display:flex;align-items:center;gap:10px}button{font:inherit;background:#fff;color:#183f30;border:0;border-radius:4px;padding:7px 12px;min-height:36px;cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible{outline:3px solid #d9e998;outline-offset:3px}#reader{padding:20px;text-align:center;overflow:auto;min-height:200px}canvas{display:block;margin:0 auto;background:#fff;box-shadow:0 2px 12px #0005}#feedback{margin:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:pre-wrap;border:0}[hidden]{display:none!important}@media(max-width:600px){.viewer-toolbar{padding:10px;justify-content:center}.viewer-toolbar>strong{width:100%;text-align:center}#reader{padding:10px}}