*{box-sizing:border-box}html,body,main{margin:0;width:100%;height:100%;overflow:hidden;background:#111;color:#eee;font:13px system-ui}canvas{display:block;width:100%;height:100%;touch-action:none}.toolbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:8px;padding:12px;background:linear-gradient(#111e,#1110);flex-wrap:wrap}.toolbar span{margin-right:auto}button{min-height:44px;padding:8px 12px;border:1px solid #777;background:#151515e8;color:#fff;border-radius:4px;cursor:pointer}button:focus-visible,canvas:focus-visible{outline:2px solid #ff531d}button[aria-pressed=true]{border-color:#ff531d;color:#ff8c64}.help{position:absolute;bottom:0;left:0;right:0;text-align:center;background:#111a;padding:9px;pointer-events:none;margin:0}#loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#111e;padding:18px;border-radius:6px;pointer-events:none}#fallback{position:absolute;inset:70px 12px 40px;background:#111;text-align:center}#fallback img{max-width:100%;max-height:65%;object-fit:contain} [hidden]{display:none!important}@media(max-width:500px){.toolbar span{width:100%;font-size:12px}.toolbar{padding:8px}.help{font-size:11px}}