.measurement-panel{position:fixed;z-index:10000;inset:auto 1rem 3.8rem auto;width:min(29rem,calc(100vw - 2rem));box-sizing:border-box;background:#fff;color:#142d25;border:1px solid #bbcbbf;box-shadow:0 8px 34px #122b2529;border-radius:18px;padding:1.25rem;font:15px/1.6 system-ui,sans-serif;text-align:start}.measurement-panel[hidden]{display:none}.measurement-panel p{margin:.6rem 0 1rem}.measurement-actions{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap}.measurement-panel button,.measurement-settings{font:inherit;cursor:pointer;min-height:44px;border:1px solid #536e60;border-radius:9px;background:#f6f8f4;color:#142d25;padding:.5rem .9rem}.measurement-panel a{color:#174b38;text-decoration:underline}.measurement-panel button:disabled{opacity:.5;cursor:default}.measurement-settings{position:fixed;z-index:9999;inset:auto 1rem .55rem auto;font:12px/1.3 system-ui,sans-serif;min-height:32px;max-width:calc(100vw - 2rem);box-shadow:0 2px 8px #122b2517}.measurement-panel :focus-visible,.measurement-settings:focus-visible{outline:3px solid #a15a20;outline-offset:3px}@media print{.measurement-panel,.measurement-settings{display:none}}@media(max-width:600px){.measurement-settings{inset:auto .5rem max(.4rem,env(safe-area-inset-bottom)) auto}.measurement-panel{inset:auto .5rem 3.5rem auto;width:calc(100vw - 1rem);max-height:70vh;overflow:auto}}