*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font:13px Arial,sans-serif;color:#252525;background:#fff}body{display:flex;flex-direction:column}header{padding:14px 16px 8px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}header strong{font-size:15px}header span{color:#6b6b6b}.tools{display:flex;gap:6px;padding:5px 12px;align-items:center;flex-wrap:wrap}button,select{font:inherit;padding:8px;border:1px solid #d5d5d5;border-radius:3px;background:#fff;color:#252525;min-height:34px}button:hover,button[aria-pressed=true]{background:#f3f3f3}button:focus-visible,select:focus-visible,main:focus-visible{outline:2px solid #b52939;outline-offset:-2px}label{display:flex;gap:6px;align-items:center}main{flex:1;min-height:120px;position:relative;touch-action:none}canvas{display:block;width:100%;height:100%}#labels{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#fallback{position:absolute;inset:40% 0 auto;text-align:center;background:#fff}footer{padding:9px 12px;color:#666;font-size:11px;text-align:center}a{color:inherit}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:430px){header{padding:10px 12px 4px}header strong{font-size:13px}.tools{gap:4px;padding:4px 8px}button,select{padding:6px;font-size:12px}label{gap:3px}footer{font-size:10px}}