.measurement-panel{position:fixed;z-index:10000;bottom:1rem;left:1rem;width:min(36rem,calc(100% - 2rem));box-sizing:border-box;background:#fff;color:#17202d;border:1px solid #cbd0d8;border-radius:16px;padding:1.25rem;box-shadow:0 8px 48px #0003;font:16px/1.5 system-ui,sans-serif;max-height:calc(100dvh - 2rem);overflow:auto}.measurement-panel[hidden]{display:none}.measurement-panel h2{font-size:1.2rem;margin:0 0 .5rem}.measurement-panel p{margin:0 0 .8rem}.measurement-panel a{color:#284caf;text-decoration:underline}.measurement-options{display:flex;flex-wrap:wrap;gap:.8rem 1.3rem;margin:.7rem 0 1rem}.measurement-options label{display:flex;align-items:center;gap:.5rem}.measurement-options input{width:18px;height:18px;accent-color:#17202d}.measurement-actions{display:flex;flex-wrap:wrap;gap:.5rem}.measurement-actions button,.measurement-settings{font:600 14px/1.4 system-ui,sans-serif;cursor:pointer;background:#fff;color:#17202d;border:1px solid #697586;border-radius:8px;padding:.65rem .8rem}.measurement-actions button:hover,.measurement-settings:hover{background:#edf1f7}.measurement-panel .measurement-note{font-size:14px;color:#4c5666;margin:.8rem 0 0}.measurement-settings{position:fixed;left:1rem;bottom:.5rem;z-index:9998;font-size:12px;padding:.4rem .6rem}.measurement-panel :focus-visible,.measurement-settings:focus-visible{outline:3px solid #4369d0;outline-offset:3px}