*{box-sizing:border-box}html,body{height:100%;margin:0;background:white;color:#444;font:12px Arial,Helvetica,sans-serif}body{display:flex;flex-direction:column}.tools{display:flex;align-items:center;gap:6px;padding:7px 12px;border-bottom:1px solid #eee}select,button{font:inherit;background:white;color:#333;border:1px solid #ddd;border-radius:4px;min-height:32px;padding:5px 8px}button{cursor:pointer;min-width:32px}select{flex:1;min-width:0}button:focus-visible,select:focus-visible,#stage:focus-visible{outline:2px solid #b52939;outline-offset:-2px}#stage{position:relative;flex:1;min-height:160px;overflow:hidden;touch-action:none}canvas{display:block}#labels{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#fallback{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:18px}#fallback[hidden]{display:none}#fallback img{width:100%;height:85%;object-fit:contain}#load-status{text-align:center}#measurements{max-height:104px;overflow:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:5px 16px;padding:7px 12px;border-top:1px solid #eee;color:#b52939;font-size:11px;line-height:1.4}#measurements:empty{display:none}#help{margin:0;padding:7px 12px;border-top:1px solid #eee;text-align:center;font-size:10px;line-height:1.5}a{color:#555}button[aria-pressed=true]{color:#b52939;border-color:#b52939}@media(max-width:450px){.tools{padding:6px;gap:4px}select,button{font-size:11px;padding:4px 6px}#measurements{font-size:10px;max-height:96px}#help{font-size:9px}}