.stage canvas.measure-mode{cursor:crosshair}
.measure-panel{position:absolute;z-index:5;left:64px;bottom:54px;width:310px;max-width:calc(100% - 80px);padding:10px 12px;border:1px solid #b9c9c3;border-radius:9px;background:#fffffff5;box-shadow:0 3px 14px #142b2426;color:#233b34;font:13px/1.4 system-ui,sans-serif}
.measure-panel[hidden]{display:none}.measure-panel strong{display:flex;justify-content:space-between;gap:10px}.measure-panel output{font-size:18px;font-variant-numeric:tabular-nums}.measure-panel p{margin:6px 0}.measure-panel small{display:block;margin-top:6px;color:#596963;font-size:11px}.measure-actions{display:flex;flex-wrap:wrap;gap:5px}.measure-actions button{padding:5px 8px;font-size:12px;min-height:34px}
body.atlas-mobile .measure-panel{bottom:108px;left:64px;width:auto;right:8px;max-width:340px;padding:8px}.measure-panel button:focus-visible{outline:2px solid #17685e;outline-offset:2px}
body.atlas-mobile .measure-actions button{min-height:40px;font-size:12px;padding:5px 7px}
@media(max-width:600px){.measure-panel{left:8px;max-width:calc(100% - 16px);box-sizing:border-box}}
@media(orientation:landscape) and (max-height:520px){body.atlas-mobile .measure-panel{left:auto;right:8px;bottom:62px;width:260px;max-width:50%}}
@media print{.measure-panel{display:none}}