*{box-sizing:border-box}html,body{margin:0;height:100%;background:white;color:#424642;font-family:Arial,sans-serif}body{height:100dvh;overflow:hidden}#stage{position:absolute;inset:0 0 calc(54px + env(safe-area-inset-bottom)) 0;overflow:hidden;touch-action:none;outline:none;background:#fff}canvas{position:absolute;transform-origin:0 0;display:block;background:white}#stage.zoomed{cursor:grab}#stage.zoomed:active{cursor:grabbing}#message{position:absolute;inset:45% 20px auto;text-align:center;font-size:13px;color:#747874;pointer-events:none}nav{position:absolute;bottom:0;width:100%;height:calc(54px + env(safe-area-inset-bottom));padding:0 24px env(safe-area-inset-bottom);display:flex;align-items:center;justify-content:space-between;background:#fff;gap:8px}.group{display:flex;align-items:center;gap:8px}button,a{font:13px Arial,sans-serif;color:#575c57;background:none;border:0;border-radius:3px;height:40px;min-width:38px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;padding:0 8px}button:hover,a:hover{background:#f4f5f3}button:focus-visible,a:focus-visible{outline:1px solid #747e73;outline-offset:1px}button:disabled{opacity:.25;cursor:default}#prev,#next{font-size:28px;font-weight:300}#counter{font-size:11px;letter-spacing:1px;min-width:64px;text-align:center}#fit{font-size:11px;min-width:48px}#in,#out{font-size:20px}@media(max-width:500px){nav{padding-left:8px;padding-right:8px}.group{gap:0}button,a{min-width:34px;padding:0 6px}#full{display:none}}