*{box-sizing:border-box}html,body{height:100%;margin:0;background:#fff;color:#444;font:13px Arial,Helvetica,sans-serif}body{display:flex;flex-direction:column}nav{display:flex;flex-wrap:wrap;gap:6px;padding:10px;border-bottom:1px solid #eee}button,select{font:inherit;background:white;color:#444;border:1px solid #ccc;border-radius:4px;padding:7px 9px;cursor:pointer}button[aria-pressed=true]{color:#b52939;border-color:#b52939;background:#fff5f6}button:focus-visible,select:focus-visible,#stage:focus-visible{outline:2px solid #b52939;outline-offset:-2px}#stage{position:relative;flex:1;min-height:180px;touch-action:none;overflow:hidden}canvas{display:block;width:100%;height:100%}#labels{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}footer{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;border-top:1px solid #eee;font-size:11px}a{color:#8f2532}#fallback{position:absolute;inset:0;display:flex;align-items:center;flex-direction:column;justify-content:center}#fallback img{width:100%;max-height:85%;object-fit:contain}@media(max-width:500px){nav{padding:7px;gap:4px}button,select{font-size:11px;padding:7px 6px}footer{font-size:10px}}