.map .ol-measure-control{position:absolute;left:0;top:8px;padding-left:8px;z-index:1}.ol-measure-control .measure-btns{display:flex;flex-direction:column;gap:8px;background:linear-gradient(180deg,hsla(0,0%,100%,.98),rgba(240,240,255,.98));border-radius:10px;padding:8px;box-shadow:0 6px 18px rgba(11,22,50,.28)}.ol-measure-control .measure-btns button{border:none;background:#fff;padding:6px 8px;cursor:pointer;font-size:14px;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 4px 10px rgba(11,22,50,.12);transition:transform .12s ease,box-shadow .12s ease,background .12s}.ol-measure-control .measure-btns button:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(11,22,50,.18)}.ol-measure-control .measure-btns button.active{background:#1976d2;color:#fff;box-shadow:0 10px 22px rgba(25,118,210,.28)}.ol-measure-control .measure-btns .clear-btn{background:linear-gradient(90deg,#ff595e,#ff8a65);color:#fff}.ol-measure-tooltip{background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(30,30,40,.85));color:#fff;padding:6px 8px;border-radius:6px;white-space:nowrap;font-size:13px;box-shadow:0 6px 18px rgba(0,0,0,.4)}.ol-mouse-position{position:absolute;top:auto;bottom:20px;left:40%;padding:2px 6px;font-family:monospace;font-size:12px;display:block}@media (max-width:600px){.ol-measure-control{display:none}}