.airspace-page .annotation-tools,.route-planner-modal .annotation-tools{display:flex;flex-direction:column;background:#fff;border-radius:3px;box-shadow:0 2px 8px #0003;overflow:hidden}
.airspace-page .annotation-tools button,.route-planner-modal .annotation-tools button{display:grid;place-items:center;width:36px;height:36px;padding:6px;border:0;border-bottom:1px solid #e5e7eb;background:#fff;color:#4f8ee8;cursor:pointer}
.airspace-page .annotation-tools button.active,.route-planner-modal .annotation-tools button.active{background:#4f8ee8;color:#fff}
.airspace-page .annotation-panel,.route-planner-modal .annotation-panel{position:absolute;right:0;top:0;bottom:0;width:300px;z-index:700;overflow:auto;background:#fff;color:#303846;padding:18px;box-shadow:-2px 0 10px #0002;font-size:14px;box-sizing:border-box}
.route-planner-modal .annotation-panel{background:#252525;color:#eee;z-index:30}
.airspace-page .annotation-panel header,.route-planner-modal .annotation-panel header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.airspace-page .annotation-panel header button,.route-planner-modal .annotation-panel header button{border:0;background:transparent;color:inherit;font-size:22px;cursor:pointer}
.airspace-page .annotation-field,.route-planner-modal .annotation-field{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:8px;margin:12px 0;font-size:14px}
.airspace-page .annotation-field input,.airspace-page .annotation-field select,.airspace-page .annotation-field textarea,.route-planner-modal .annotation-field input,.route-planner-modal .annotation-field select,.route-planner-modal .annotation-field textarea{width:100%;min-width:0;box-sizing:border-box;font:inherit;color:inherit;background:transparent;border:1px solid #8894a555;border-radius:3px;padding:7px}
.airspace-page .annotation-colors,.route-planner-modal .annotation-colors{display:flex;gap:6px}
.airspace-page .annotation-colors button,.route-planner-modal .annotation-colors button{width:26px;height:26px;border:0;color:white;border-radius:3px;cursor:pointer}
.airspace-page .annotation-coordinates,.route-planner-modal .annotation-coordinates{border-top:1px solid #8883;padding-top:8px}
.airspace-page .annotation-delete,.route-planner-modal .annotation-delete{padding:8px 16px;color:#d44b45;background:transparent;border:1px solid #d44b4566;border-radius:3px;cursor:pointer}
.airspace-page .annotation-map-tools{position:absolute;top:20px;right:20px;z-index:701}
.airspace-page .annotation-map-tools.with-panel{right:314px}
.airspace-page .annotation-draft-bar{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;z-index:702;background:#fff;padding:12px;box-shadow:0 2px 12px #0003;font-size:14px;white-space:nowrap}
.airspace-page .annotation-draft-bar button{padding:6px 10px;border:1px solid #ccd4df;border-radius:3px;background:white;color:#237fe5}

.route-planner-modal .annotation-panel{position:fixed;top:clamp(40px,5.5vh,56px);bottom:20px;right:0;width:max(230px,20.7vw);z-index:5000}