*{box-sizing:border-box}body{margin:0;background:#fff;color:#222;font:14px Arial,sans-serif}.tools{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;padding:7px}button,select{background:#fff;border:1px solid #aaa;border-radius:5px;min-height:34px;padding:5px 9px;color:#222;font:inherit}button{cursor:pointer}button[aria-pressed=true]{background:#eee}#stage{position:relative;width:100%;height:calc(100dvh - 178px);min-height:230px;outline-offset:-3px;touch-action:none}canvas{display:block;width:100%;height:100%}#labels{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}#fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:white}#fallback[hidden]{display:none}#fallback img{max-width:100%;max-height:90%;object-fit:contain}#measurements{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;min-height:26px}#measurements span{padding:4px 7px;background:#f6f6f6;border-radius:4px}#help{font-size:12px;text-align:center;padding:0 12px;line-height:1.4}button:focus-visible,select:focus-visible,#stage:focus-visible{outline:2px solid #b52939}

.measure-label{paint-order:stroke;stroke:#fff;stroke-width:5px;fill:#b52939;font:16px Arial,sans-serif;text-anchor:middle;dominant-baseline:middle} #stage svg line{stroke:#b52939;stroke-width:1.3px}