.measurement-panel{position:fixed;inset:auto auto 24px 24px;z-index:10000;width:min(520px,calc(100vw - 48px));max-height:75dvh;overflow:auto;padding:24px;background:#171a17;color:#fff;border:1px solid #ffbf00;border-radius:12px;box-shadow:0 12px 48px #0006;font-size:16px;line-height:1.5}
.measurement-panel[hidden]{display:none}
.measurement-panel h2{font-size:22px;line-height:1.3;margin:0 0 12px;color:#fff;text-transform:none}
.measurement-panel p{font-size:16px;color:#f2f2ed;margin:0 0 12px}
.measurement-panel a{color:#ffbf00;text-decoration:underline}
.measurement-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.measurement-buttons button{flex:1;min-height:48px;padding:10px 14px;background:#ffbf00;color:#111;border:1px solid #ffbf00;border-radius:6px;font:inherit;font-weight:600;cursor:pointer}
.measurement-buttons [data-dismiss]{flex-basis:100%;background:transparent;color:#fff;border-color:#aaa}
.measurement-settings{background:transparent;color:inherit;border:0;padding:12px 0;font:inherit;text-decoration:underline;cursor:pointer;min-height:44px}
.measurement-panel :focus-visible,.measurement-settings:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:600px){.measurement-panel{inset:auto 12px 88px 12px;width:auto;padding:18px;max-height:65dvh}.measurement-buttons{flex-direction:column}}