.app{display:flex;height:100%;min-height:100%}.left-panel{flex:0 0 350px;width:350px;padding:1rem 1.1rem;overflow:auto;background:#fff;border-right:1px solid #d4d4d8;display:flex;flex-direction:column}.left-panel h2{margin:0 0 .5rem;font-size:1.1rem}.search-bar{position:relative;margin-bottom:1.25rem}.search-bar-input-row{display:flex;align-items:center;border:1px solid #d4d4d8;border-radius:999px;padding:.4rem .4rem .4rem .9rem;box-shadow:0 1px 3px #00000014}.search-bar-input{flex:1 1 auto;min-width:0;border:none;outline:none;font:inherit;background:none}.search-bar-submit{flex:0 0 auto;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:50%;outline:none;background:none;color:#5f6368;cursor:pointer;-webkit-tap-highlight-color:transparent}.search-bar-submit:hover{background:#f1f3f4}.search-bar-clear{flex:0 0 auto;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:50%;outline:none;background:none;font-size:1.2rem;line-height:1;color:#5f6368;cursor:pointer;-webkit-tap-highlight-color:transparent}.search-bar-clear:hover{background:#f1f3f4}.search-bar-status{margin-top:.5rem;font-size:.85rem;color:#71717a}.search-bar-location-button{display:block;width:100%;margin-top:.5rem;padding:.5rem .9rem;border:1px solid #d4d4d8;border-radius:999px;background:#fff;font:inherit;font-weight:600;color:#1a73e8;cursor:pointer;text-align:center}.search-bar-location-button:hover:not(:disabled){background:#f1f3f4}.search-bar-location-button:disabled{color:#71717a;cursor:default}.search-autocomplete-list{position:absolute;left:0;right:0;top:calc(100% + .3rem);z-index:5;margin:0;padding:.3rem;list-style:none;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0003;max-height:220px;overflow-y:auto}.search-autocomplete-item{padding:.45rem .6rem;border-radius:6px;font-size:.85rem;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-autocomplete-item:hover{background:#9370db;color:#fff}.search-results-list{margin:.5rem 0 0;padding:0;list-style:none;overflow-y:auto;max-height:220px}.search-result-item{display:flex;flex-direction:column;gap:.1rem;padding:.4rem .5rem;border-radius:6px;font-size:.85rem;cursor:pointer}.search-result-item-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-item-address{font-size:.75rem;color:#71717a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-item:hover,.search-result-item--hovered{background:#9370db;color:#fff}.search-result-item:hover .search-result-item-address,.search-result-item--hovered .search-result-item-address{color:#f3f0fa}.search-hover-label{position:absolute;padding:.3rem .6rem;border-radius:6px;background:#fff;box-shadow:0 1px 4px #0000004d;font-size:.8rem;font-weight:600;white-space:nowrap;pointer-events:none}.legend--divided{padding-top:1rem;border-top:1px solid #e4e4e7}.legend-mode{margin:0 0 .75rem;font-size:.9rem;color:#000}.legend-mode select{margin-left:.4rem;cursor:pointer}.legend-empty{margin:0;font-size:.85rem;color:#71717a}.legend-list,.layer-list{margin:0;padding:0;list-style:none}.layer-list>li{margin-bottom:.3rem}.layer-list>li:last-child{margin-bottom:0}.legend-item{display:flex;align-items:center;gap:.65rem;margin-bottom:.55rem;font-size:.85rem}.legend-swatch{flex:0 0 2.25rem;width:2.25rem;border-radius:1px}.layer-control{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e4e4e7}.layer-item{display:flex;align-items:center;gap:.5rem;font-size:1rem}.layer-item input[type=checkbox]{cursor:pointer}.layer-item input[type=checkbox]:disabled{cursor:default}.layer-label-text{padding:0;border:none;background:none;font:inherit;color:inherit;cursor:pointer}.layer-row{display:flex;align-items:center;gap:.25rem}.layer-collapse-toggle{display:flex;align-items:center;justify-content:center;margin-left:auto;width:1.5rem;padding:0;border:none;background:none;font-size:1.1rem;line-height:1;color:inherit;cursor:pointer}.layer-sublist{margin:.5rem 0 0;padding:0;list-style:none}.layer-item--nested{margin-left:1.25rem}.layer-item--nested:has(input:disabled){opacity:.5}.map-pane{position:relative;flex:1 1 auto;min-width:0;min-height:0}.line-info-panel{margin-top:auto;padding-top:1rem;border-top:1px solid #e4e4e7}.line-info-panel-title{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:0 0 .35rem;font-size:1.05rem;font-weight:700}.line-info-panel-close{flex:0 0 auto;padding:0;border:none;outline:none;background:none;font-size:1.3rem;line-height:1;color:#71717a;cursor:pointer;-webkit-tap-highlight-color:transparent}.line-info-panel-row{display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:1.125rem;padding:.3rem 0;font-size:.85rem}.line-info-panel-label{font-weight:700}.line-info-panel-value{color:#3f3f46}.alternative-routes-dropdown{margin:0 0 .75rem;font-size:.9rem}.alternative-routes-dropdown select{margin-left:.4rem;cursor:pointer}.route-segments-panel{margin-top:auto;padding-top:1rem;border-top:1px solid #e4e4e7;display:flex;flex-direction:column;min-height:0}.route-segments-panel-title{margin:0 0 .5rem;font-size:1.05rem;font-weight:700}.route-segments-list{margin:0;padding:0;list-style:none;overflow-y:auto;max-height:440px}.route-segment-item{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding:.4rem .5rem;border-radius:6px;font-size:.85rem;cursor:pointer}.route-segment-item-label{display:flex;align-items:center;gap:.4rem;min-width:0}.route-segment-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-segment-item-safety-icon{flex:0 0 auto;width:.9rem;font-size:.8rem;font-weight:700;line-height:1;text-align:center}.route-segment-item-safety-icon--glyph{width:1rem;font-size:1.15rem}.route-segment-item-safety-icon--outlined{-webkit-text-stroke:1px #000;paint-order:stroke fill}.route-segment-item-cost{flex:0 0 auto;font-size:.75rem;color:#71717a}.route-segment-item:hover,.route-segment-item--pinned{background:#9370db;color:#fff}.route-segment-item:hover .route-segment-item-cost,.route-segment-item--pinned .route-segment-item-cost{color:#f3f0fa}.map-canvas{width:100%;height:100%}.map-canvas[hidden]{display:none}.map-message{margin:1.5rem;max-width:32rem;line-height:1.4}.directions-toast{position:absolute;left:50%;bottom:1.5rem;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem .6rem 1rem;border-radius:999px;background:#fff;box-shadow:0 2px 10px #0003;font-size:.95rem;z-index:10}.directions-toast-body{display:flex;align-items:center;gap:.6rem}.directions-toast-action{display:flex;align-items:center;gap:.5rem;padding:0;border:none;background:none;font:inherit;font-weight:600;color:#1a73e8;cursor:pointer}.directions-toast-icon{font-size:1.1rem;line-height:1}.directions-toast-label{display:flex;align-items:center;gap:.5rem;color:#27272a}.directions-toast-spinner{width:.9rem;height:.9rem;border:2px solid #d4d4d8;border-top-color:#1a73e8;border-radius:50%;animation:directions-toast-spin .7s linear infinite}@keyframes directions-toast-spin{to{transform:rotate(360deg)}}.directions-toast-swap{flex:0 0 auto;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:50%;outline:none;background:#f4f4f5;font-size:1.1rem;line-height:1;color:#1a73e8;cursor:pointer;-webkit-tap-highlight-color:transparent}.directions-toast-swap:hover{background:#e4e4e7}.directions-toast-close{flex:0 0 auto;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;padding:0;border:none;outline:none;background:none;font-size:1.3rem;line-height:1;color:#71717a;cursor:pointer;-webkit-tap-highlight-color:transparent}.travel-time-area-label{text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}@media(max-width:720px){.app{flex-direction:column}.left-panel{flex:0 0 auto;width:100%;max-height:40vh;border-right:none;border-bottom:1px solid #d4d4d8}.map-pane{min-height:60vh}}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:system-ui,sans-serif;color:#1a1a1a;background:#f4f4f5}