.route-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:end;margin-bottom:1rem}.route-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1rem}.route-workspace aside{max-height:75vh;overflow:auto;padding:1rem;background:#f5f7fa;border-radius:.5rem}.route-workspace h2{font-size:1.2rem}.route-workspace label{display:block;margin-bottom:.6rem}.route-workspace button{margin: .2rem 0}#route-map{height:75vh;min-height:420px;border:1px solid #ccd4df;border-radius:.5rem}.route-item{border-bottom:1px solid #ccd4df;padding:.5rem 0}.route-item.active{background:#e0ebff}.route-item .route-toolbar{margin:0}.vertex-marker{width:22px;height:22px;border:3px solid white;border-radius:50%;background:#e11d48;box-shadow:0 0 3px #333;cursor:grab}@media(max-width:800px){.route-workspace{grid-template-columns:1fr}.route-workspace aside{max-height:none}#route-map{height:55vh}}