.af-measurement-panel { position: fixed; inset: auto 1rem 1rem; z-index: 1000; max-width: 42rem; max-height: calc(100dvh - 2rem); overflow: auto; margin-inline: auto; padding: 1.25rem; color: #222; background: #fff; border: 2px solid #58264e; border-radius: .75rem; box-shadow: 0 4px 24px #0003; font: 1rem/1.5 system-ui, sans-serif; }
.af-measurement-panel[hidden] { display: none; }
.af-measurement-panel h2 { margin: 0 0 .5rem; font: 700 1.25rem/1.3 system-ui, sans-serif; }
.af-measurement-panel p { margin: 0 0 1rem; }
.af-measurement-panel a { color: #58264e; text-decoration: underline; }
.af-measurement-panel div { display: flex; flex-wrap: wrap; gap: .75rem; }
.af-measurement-panel button { flex: 1 1 12rem; min-height: 44px; padding: .65rem 1rem; background: #fff; color: #58264e; border: 2px solid #58264e; border-radius: .4rem; font: 600 1rem/1.3 system-ui, sans-serif; cursor: pointer; }
.af-measurement-settings { display: block; margin: 1rem auto; padding: .65rem; min-height: 44px; font: inherit; color: inherit; background: transparent; border: 1px solid currentColor; border-radius: .4rem; cursor: pointer; }
.af-measurement-panel :focus-visible, .af-measurement-settings:focus-visible { outline: 3px solid #006bb3; outline-offset: 3px; }