.measurement-panel{position:absolute;z-index:70;right:54px;top:12px;width:min(390px,calc(100% - 132px));max-height:calc(100% - 155px);overflow:auto;padding:18px;background:#101e2bef;color:#e4edf5;border:1px solid #526778;border-radius:16px;box-shadow:0 16px 40px #0007;font:13px/1.45 system-ui;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.measurement-panel header{display:flex;justify-content:space-between;align-items:center}.measurement-panel h2{font-size:20px;margin:3px 0 12px}.measurement-eyebrow{color:#80d9c2;letter-spacing:.16em;font-size:10px}.measurement-panel button{color:inherit;background:#20313f;border:1px solid #526778;border-radius:7px;padding:7px 9px;cursor:pointer}.measurement-panel button:disabled{opacity:.45;cursor:default}.measurement-panel button[aria-pressed=true]{border-color:#ffce76;background:#39433f}.measurement-panel :focus-visible{outline:2px solid #ffce76;outline-offset:3px}.measurement-actions,.measurement-modes{display:flex;gap:5px;flex-wrap:wrap}.measurement-total{display:flex;flex-direction:column;margin:14px 0}.measurement-total strong{font-size:28px;color:#80e0c4}.measurement-panel small,.measurement-total span{font-size:11px;color:#b8c9d5}.measurement-points{padding:0;list-style:none;max-height:125px;overflow:auto}.measurement-points button{display:flex;gap:12px;text-align:left;width:100%;margin:4px 0}.measurement-points small{display:block}.measurement-readout{display:flex;flex-direction:column;gap:5px;border-block:1px solid #405766;padding:10px 0}.measurement-panel svg{width:100%;overflow:visible}.measurement-panel svg text{fill:#b9ceda;font-size:10px}.measurement-panel details{border-top:1px solid #3b5160;margin-top:10px;padding-top:10px}.measurement-panel summary{cursor:pointer}.measurement-panel a{color:#80d9c2}.measurement-panel input{max-width:100%;background:#14232f;border:1px solid #718692;color:inherit;border-radius:4px;padding:5px}.measurement-panel form{display:grid;gap:6px;margin-top:8px}.measurement-context{border-left:2px solid #ffce76;padding-left:8px}.measurement-panel input[type=range]{width:100%}@media(max-width:600px){.measurement-panel{right:8px;top:8px;width:calc(100% - 86px);max-height:calc(100% - 142px);padding:10px;font-size:11px}.measurement-panel h2{font-size:17px}.measurement-panel button{padding:6px}.measurement-points{max-height:92px}.measurement-panel .measurement-total strong{font-size:22px}}