.measurement-box{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:1000;max-width:720px;margin-inline:auto;padding:1.15rem 1.35rem;border:1px solid #18969b;border-radius:10px;background:#fff;color:#17353b;box-shadow:0 5px 25px #102a3420;font-size:.92rem;line-height:1.5}
.measurement-box[hidden]{display:none}.measurement-box h2{font-size:1.18rem;margin:0 0 .5rem}.measurement-box p{margin:.4rem 0}.measurement-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:.9rem}.measurement-actions button{font:inherit;min-height:44px;padding:.5rem 1rem;border:1px solid #18969b;border-radius:4px;background:#fff;color:#17353b;cursor:pointer}.measurement-actions button:hover,.measurement-actions button:focus-visible{outline:2px solid #18969b;outline-offset:2px}.measurement-open{font:inherit;border:0;border-bottom:1px solid currentColor;background:transparent;color:inherit;cursor:pointer;padding:.2rem 0;margin-top:.4rem}
@media(max-width:480px){.measurement-box{left:.5rem;right:.5rem;bottom:.5rem;padding:.9rem;max-height:70vh;overflow:auto}.measurement-actions{gap:.5rem}.measurement-actions button{flex:1}}