.measurement-panel{--measurement-paper:#f6f0e5;--measurement-ink:#1c1812;--measurement-rule:#8b8377;--measurement-accent:#8a6421;position:fixed;z-index:10000;inset:auto auto 20px 20px;width:min(540px,calc(100vw - 40px));box-sizing:border-box;max-height:calc(100dvh - 40px);overflow:auto;padding:20px 24px;background:var(--measurement-paper);color:var(--measurement-ink);border:1px solid var(--measurement-rule);border-top:3px solid var(--measurement-accent);border-radius:12px;box-shadow:0 6px 24px rgba(28,24,18,.15);font:400 .95rem/1.5 Inter,sans-serif}.measurement-panel[hidden]{display:none}.measurement-panel h2{margin:0 0 8px;font:600 1.25rem/1.3 Inter,sans-serif;color:var(--measurement-ink);text-transform:none;letter-spacing:normal}.measurement-panel p{margin:0 0 8px}.measurement-panel a{color:inherit;text-decoration:underline}.measurement-actions{display:flex;gap:12px;margin-top:14px}.measurement-actions button{flex:1;padding:11px 16px;min-height:44px;border:1px solid currentColor;background:0 0;color:inherit;border-radius:6px;font:inherit;cursor:pointer}.measurement-actions button:hover{text-decoration:underline}.measurement-actions button{background:var(--measurement-ink);color:var(--measurement-paper)}.measurement-preferences{display:block;margin:0;padding:8px 12px;color:inherit;border:0;background:0 0;font:inherit;text-decoration:underline;cursor:pointer}.measurement-actions button:focus-visible,.measurement-panel a:focus-visible,.measurement-preferences:focus-visible{outline:2px solid var(--measurement-accent,currentColor);outline-offset:4px}@media (max-width:540px){.measurement-panel{inset:auto 12px 12px;width:auto;padding:16px;font-size:.88rem;max-height:60dvh}.measurement-actions{gap:8px}.measurement-actions button{padding:10px 8px}}