.route-editor{gap:var(--sidebar-content-spacing);border:1px solid var(--border);background:#f5f8f8cc;border-radius:12px;flex-direction:column;padding:8px;display:flex}.route-editor h3,.route-editor h4{margin:0;font-size:.85rem}.route-fields{grid-template-columns:minmax(0,1fr);gap:6px;display:grid}.route-fields label{gap:4px;min-width:0;font-size:10px;font-weight:600;display:grid}.project-planner .route-fields input,.project-planner .route-fields select{box-sizing:border-box;border-radius:8px;width:100%;min-width:0;max-width:100%;min-height:30px;padding:3px 8px;font-size:10px;font-weight:400;line-height:20px}.route-editor>h3{text-align:center}.route-builder-toolbar{gap:4px;display:flex}.route-editor .route-builder-toolbar .sidebar-action-button{flex:0 0 30px;width:30px;height:30px;min-height:30px;padding:0;font-size:11px}.draft-track-add-date{color:#087f95;min-height:24px;box-shadow:none;background:0 0;border:0;justify-self:start;padding:2px 0;font:600 10px/20px Inter,sans-serif}.draft-track-add-date:hover{background:0 0;text-decoration:underline}.draft-track-date{grid-template-columns:minmax(0,1fr) 28px;align-items:end;gap:4px;display:grid}.draft-track-date-remove{border:1px solid var(--border);width:28px;height:30px;min-height:30px;color:var(--muted);box-shadow:none;background:#fff;padding:0;font-size:11px}.project-tag-field{grid-template-columns:1fr;gap:4px;font-size:10px;font-weight:600;display:grid}.project-planner .project-tag-input input{box-sizing:border-box;border-radius:8px;width:100%;min-width:0;max-width:100%;min-height:30px;padding:3px 30px 3px 8px;font-size:10px;font-weight:400;line-height:20px}.project-planner .route-select select{appearance:none;box-sizing:border-box;border:1px solid var(--border);width:100%;min-width:0;min-height:30px;color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;padding:3px 30px 3px 8px;font:400 10px/20px Inter,sans-serif}.track-opacity-control{grid-template-columns:auto minmax(0,1fr) 34px;align-items:center;gap:8px;font:600 10px Inter,sans-serif;display:grid}.track-opacity-control input{accent-color:#087f95;width:100%;min-width:0;margin:0}.track-opacity-control output{text-align:right;color:var(--muted)}.route-builder-map-controls{z-index:10;pointer-events:none;flex-direction:column;gap:4px;width:min(220px,100% - 112px);font:10px Inter,sans-serif;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.route-builder-map-controls>*{pointer-events:auto}.route-builder-map-controls .pending-route-point{margin:0}.route-builder-map-toolbar{background:#ffffffc2;border:1px solid #14202b1f;border-radius:8px;padding:4px 6px;display:none;box-shadow:0 1px 6px #14202b1a}.route-builder-map-summary{align-items:baseline;gap:6px;margin-bottom:4px;line-height:12px;display:flex}.route-builder-map-summary strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;font-weight:600;overflow:hidden}.route-builder-map-summary span{white-space:nowrap;color:var(--muted);flex-shrink:0;font-size:9px}.route-builder-map-buttons{grid-template-columns:minmax(0,1fr) 28px 28px;gap:4px;display:grid}.route-builder-map-buttons button{width:28px;height:28px;min-height:28px;color:var(--ink);box-shadow:none;background:#ffffff7a;border:1px solid #14202b1f;border-radius:6px;place-items:center;padding:0;font-size:11px;display:grid}.route-builder-map-buttons button:disabled{opacity:.4}.route-mode-picker{min-width:0;position:relative}.route-builder-map-buttons .route-mode-trigger{box-sizing:border-box;justify-content:space-between;gap:4px;width:100%;padding:3px 6px;font:400 10px/20px Inter,sans-serif;display:flex}.route-mode-trigger span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.route-mode-trigger i{color:var(--muted);font-size:9px}.route-mode-options{z-index:2;box-sizing:border-box;border:1px solid var(--border);background:#fffffff5;border-radius:8px;width:100%;min-width:136px;padding:4px;position:absolute;bottom:calc(100% + 4px);left:0;box-shadow:0 2px 8px #14202b1f}.route-mode-options button{box-sizing:border-box;background:0 0;border:0;justify-content:space-between;width:100%;padding:3px 6px;font:400 10px/20px Inter,sans-serif;display:flex}.route-mode-options button[aria-selected=true]{color:#087f95;background:#edf9fc}.route-mode-options button:focus-visible{outline-offset:-2px;outline:2px solid #087f95}@media (width<=720px),(pointer:coarse){.route-builder-map-toolbar{display:block}}@media (width<=720px){.route-builder-map-controls{bottom:calc(var(--mobile-sidebar-visible-height,64px) + 12px)}:is(:fullscreen>.route-builder-map-controls,.maplibregl-pseudo-fullscreen>.route-builder-map-controls,.maplibregl-map-fullscreen>.route-builder-map-controls){bottom:max(32px, env(safe-area-inset-bottom))}}