#measurement-panel{position:fixed;z-index:1000;bottom:16px;left:16px;right:16px;max-width:760px;margin:auto;background:#fffdf8;color:#182019;border:1px solid #59634e;border-radius:16px;padding:20px;box-shadow:0 8px 40px #0005;max-height:85dvh;overflow:auto;font:15px/1.5 system-ui,sans-serif}
#measurement-panel[hidden]{display:none}
#measurement-panel h2{font:700 22px/1.2 system-ui,sans-serif;margin:0 0 10px}
#measurement-panel p{margin:8px 0}
#measurement-panel a{color:#25380e;text-decoration:underline}
.measurement-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.measurement-actions button{flex:1 1 210px;min-height:46px;padding:10px 14px;border:1px solid #40512e;border-radius:8px;background:#e3ff9c;color:#14200c;font:600 14px/1.3 system-ui,sans-serif;cursor:pointer}
.measurement-actions #measurement-close{flex:0 1 auto;background:transparent}
.measurement-actions button:disabled{opacity:.6;cursor:wait}
#measurement-settings{background:transparent;color:inherit;border:1px solid currentColor;border-radius:6px;padding:10px;min-height:44px;cursor:pointer;font:inherit}
#measurement-panel :focus-visible,#measurement-settings:focus-visible{outline:3px solid #516e15;outline-offset:3px}
#measurement-status{position:fixed;bottom:0;left:0;z-index:1001;margin:0;padding:0;background:#fffdf8;color:#182019;font:14px/1.5 system-ui,sans-serif}
#measurement-status:not(:empty){padding:8px 14px;border:1px solid #59634e}
@media(max-width:480px){#measurement-panel{left:8px;right:8px;bottom:8px;padding:16px}.measurement-actions{gap:8px}.measurement-actions button{flex-basis:100%}}