*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{display:flex;height:100vh;width:100vw}.sidebar{width:360px;background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:16px;border-bottom:1px solid #e0e0e0;background:#f8f9fa}.sidebar-header h1{font-size:1.25rem;font-weight:600;color:#333}.sidebar-header p{font-size:.875rem;color:#666;margin-top:4px}.sidebar-content{flex:1;overflow-y:auto;padding:16px}.map-container{flex:1;position:relative}.map-container .leaflet-container{height:100%;width:100%}.route-form{display:flex;flex-direction:column;gap:16px}.waypoint-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:12px}.waypoint-track{display:flex;flex-direction:column}.waypoint-row{display:flex;align-items:flex-start;min-height:44px}.waypoint-markers{display:flex;flex-direction:column;align-items:center;width:24px;padding-top:12px;flex-shrink:0}.waypoint-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.waypoint-dot.origin{background:#1a73e8;box-shadow:0 0 0 3px #1a73e833}.waypoint-dot.via{background:#5f6368;width:10px;height:10px}.waypoint-dot.destination{background:#ea4335;box-shadow:0 0 0 3px #ea433533}.waypoint-line{width:2px;flex:1;min-height:20px;background:#dadce0;margin:4px 0}.waypoint-input{flex:1;display:flex;align-items:center;gap:4px;min-width:0}.waypoint-input .autocomplete-container{flex:1}.waypoint-input input{width:100%;padding:10px 12px;border:none;border-radius:4px;font-size:.9rem;background:transparent}.waypoint-input input:hover{background:#f8f9fa}.waypoint-input input:focus{outline:none;background:#f1f3f4}.waypoint-input input::placeholder{color:#5f6368}.waypoint-remove{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:#5f6368;cursor:pointer;font-size:1.1rem;flex-shrink:0}.waypoint-remove:hover{background:#f1f3f4;color:#202124}.add-stop-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;margin-top:4px;background:transparent;border:none;border-radius:4px;color:#1a73e8;cursor:pointer;font-size:.875rem;font-weight:500}.add-stop-btn:hover{background:#f1f3f4}.add-stop-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#e8f0fe;border-radius:50%;font-size:.9rem;font-weight:600}.filter-section{padding:0}.filter-row{display:flex;gap:8px}.filter-row>*{flex:1;min-width:0}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.875rem;font-weight:500;color:#333}.form-group input,.form-group select{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:.875rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#06c;box-shadow:0 0 0 2px #0066cc1a}.compute-btn{padding:12px 16px;background:#06c;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.compute-btn:hover{background:#0052a3}.compute-btn:disabled{background:#ccc;cursor:not-allowed}.editing-banner{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid #d7e3ff;border-radius:6px;background:#f5f8ff;font-size:.75rem;color:#2b5fb8}.cancel-edit-btn{padding:4px 8px;background:transparent;border:1px solid #c8d6f4;border-radius:4px;color:#2b5fb8;cursor:pointer;font-size:.75rem}.cancel-edit-btn:hover{background:#e9f0ff}.route-list{margin-top:24px}.route-list h3{font-size:.875rem;font-weight:600;color:#333;margin-bottom:12px}.route-item{padding:12px;background:#f8f9fa;border-radius:8px;margin-bottom:8px}.route-item-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.route-item-summary{display:flex;align-items:center;gap:8px;flex:1;min-width:0;flex-wrap:wrap}.route-color-picker-container{position:relative}.route-color-dot{width:16px;height:16px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;transition:transform .15s,border-color .15s}.route-color-dot:hover{transform:scale(1.15);border-color:#0003}.color-picker-popup{position:absolute;top:100%;left:0;margin-top:6px;background:#fff;border-radius:8px;box-shadow:0 4px 16px #00000026;padding:8px;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;z-index:100}.color-option{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;transition:transform .15s,border-color .15s}.color-option:hover{transform:scale(1.15)}.color-option.selected{border-color:#333;box-shadow:0 0 0 2px #fff,0 0 0 4px #333}.route-item-label{font-weight:500;font-size:.875rem}.route-item-count{font-size:.75rem;color:#888;font-weight:400}.route-item-editing{padding:2px 6px;border-radius:10px;background:#eef4ff;color:#2b5fb8;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.route-item-actions{display:flex;gap:6px;flex-shrink:0}.route-action-btn{padding:4px 8px;background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:.75rem}.route-action-btn:hover{background:#f0f0f0;border-color:#ccc}.route-action-btn:disabled{opacity:.6;cursor:not-allowed}.route-action-delete{color:#b00020;border-color:#f3c1c1;background:#fff5f5}.route-action-delete:hover{background:#ffecec;border-color:#e8a8a8}.route-item-stations{font-size:.75rem;color:#666;line-height:1.4;word-break:break-word}.route-item-lines{font-size:.7rem;color:#888;margin-top:4px;font-style:italic}.expand-btn{margin-top:8px;padding:4px 8px;background:transparent;border:1px solid #ddd;border-radius:4px;color:#06c;cursor:pointer;font-size:.75rem}.expand-btn:hover{background:#f0f0f0;border-color:#ccc}.clear-routes-btn{display:flex;align-items:center;justify-content:center;width:100%;margin-top:12px;padding:8px 12px;background:transparent;border:none;border-radius:4px;color:#5f6368;cursor:pointer;font-size:.8rem}.clear-routes-btn:hover{background:#f1f3f4;color:#202124}.operator-select{position:relative}.operator-select-trigger{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:.875rem;background:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;text-align:left}.operator-select-trigger:hover{border-color:#ccc}.operator-select-arrow{font-size:.625rem;color:#666}.operator-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #0000001a;max-height:250px;overflow-y:auto;z-index:1000;margin-top:4px}.operator-dropdown-header{padding:8px 12px;border-bottom:1px solid #eee;display:flex;justify-content:flex-end}.operator-clear-btn{padding:4px 8px;font-size:.75rem;background:transparent;border:1px solid #ddd;border-radius:4px;cursor:pointer;color:#666}.operator-clear-btn:hover{background:#f5f5f5}.operator-option{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;font-size:.875rem}.operator-option:hover{background:#f5f5f5}.operator-option input[type=checkbox]{width:16px;height:16px;cursor:pointer}.selected-operators{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.operator-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#e8f4fc;border:1px solid #b3d7f0;border-radius:4px;font-size:.75rem;color:#06c}.operator-tag button{background:none;border:none;color:#06c;cursor:pointer;font-size:.875rem;padding:0;line-height:1}.operator-tag button:hover{color:#049}.map-options{margin-top:16px;padding:12px;background:#f8f9fa;border-radius:8px}.checkbox-option{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.875rem;color:#333}.checkbox-option input[type=checkbox]{width:16px;height:16px;cursor:pointer}.autocomplete-container{position:relative}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto;z-index:1000}.autocomplete-item{padding:8px 12px;cursor:pointer;border-bottom:1px solid #f0f0f0}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background:#f5f5f5}.autocomplete-item-name{font-weight:500;font-size:.875rem}.autocomplete-item-line{font-size:.75rem;color:#666}.loading{display:flex;align-items:center;justify-content:center;height:100%;color:#666}.loading-spinner{width:24px;height:24px;border:2px solid #e0e0e0;border-top-color:#06c;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.error-message{padding:12px;background:#fee;border:1px solid #fcc;border-radius:6px;color:#c00;font-size:.875rem;margin-top:12px}.export-controls{padding:16px;border-top:1px solid #e0e0e0;background:#f8f9fa}.export-btn{width:100%;padding:10px 16px;background:#28a745;color:#fff;border:none;border-radius:6px;font-size:.875rem;cursor:pointer;transition:background .2s}.export-btn:hover{background:#218838}.attribution{padding:12px 16px;font-size:.75rem;color:#999;text-align:center;border-top:1px solid #e0e0e0}.attribution a{color:#666}.searchable-select{position:relative}.searchable-select-trigger{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:.875rem;background:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;text-align:left}.searchable-select-trigger:hover{border-color:#ccc}.searchable-select-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.searchable-select-arrow{font-size:.625rem;color:#666;margin-left:8px}.searchable-select-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;margin-top:4px}.searchable-select-search{padding:8px;border-bottom:1px solid #eee}.searchable-select-search-input{width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:4px;font-size:.875rem}.searchable-select-search-input:focus{outline:none;border-color:#06c;box-shadow:0 0 0 2px #0066cc1a}.searchable-select-header{padding:6px 12px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;background:#f8f9fa}.searchable-select-count{font-size:.75rem;color:#666}.searchable-select-clear{padding:4px 8px;font-size:.75rem;background:transparent;border:1px solid #ddd;border-radius:4px;cursor:pointer;color:#666}.searchable-select-clear:hover{background:#f0f0f0}.searchable-select-options{max-height:200px;overflow-y:auto}.searchable-select-option{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;font-size:.875rem}.searchable-select-option:hover{background:#f5f5f5}.searchable-select-option input[type=checkbox]{width:16px;height:16px;cursor:pointer;flex-shrink:0}.searchable-select-option-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.searchable-select-empty{padding:16px;text-align:center;color:#999;font-size:.875rem}.searchable-select-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.searchable-select-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#e8f4fc;border:1px solid #b3d7f0;border-radius:4px;font-size:.75rem;color:#06c}.searchable-select-tag-remove{background:none;border:none;color:#06c;cursor:pointer;font-size:.875rem;padding:0;line-height:1}.searchable-select-tag-remove:hover{color:#049}.searchable-select-tag-more{display:inline-flex;align-items:center;padding:4px 8px;background:#f0f0f0;border-radius:4px;font-size:.75rem;color:#666}