.measure-fab{
  position:absolute;
  right:14px;
  bottom:152px;
  z-index:900;
  width:46px;
  height:46px;
  border-radius:12px;
  border:1px solid rgba(96,165,250,.45);
  background:rgba(15,23,42,.92);
  color:#fff;
  font-size:22px;
  cursor:pointer;
  box-shadow:0 12px 30px rgba(0,0,0,.35);
}

.measure-panel{
  position:absolute;
  right:68px;
  bottom:118px;
  z-index:901;
  width:270px;
  background:rgba(15,23,42,.96);
  border:1px solid rgba(96,165,250,.35);
  border-radius:14px;
  padding:12px;
  color:#e5e7eb;
  box-shadow:0 18px 40px rgba(0,0,0,.38);
  display:none;
}

.measure-panel.show{
  display:block;
}

.measure-title{
  font-weight:800;
  margin-bottom:10px;
  color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.measure-close{
  border:1px solid rgba(96,165,250,.35);
  background:rgba(15,23,42,.8);
  color:#fff;
  border-radius:8px;
  width:28px;
  height:28px;
  cursor:pointer;
}

.measure-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.measure-btn{
  border:1px solid rgba(96,165,250,.35);
  background:rgba(30,64,175,.22);
  color:#e5e7eb;
  border-radius:10px;
  padding:9px 8px;
  cursor:pointer;
  font-size:12px;
  font-weight:700;
}

.measure-btn:hover{
  background:rgba(37,99,235,.38);
}

.measure-result{
  margin-top:10px;
  padding:10px;
  background:rgba(2,6,23,.55);
  border:1px solid rgba(148,163,184,.18);
  border-radius:10px;
  font-size:12px;
  line-height:1.45;
  color:#bfdbfe;
  min-height:44px;
}