.rp-layout{display:flex;height:100vh;overflow:hidden}.rp-map-main{position:relative;flex:1 1 0;min-width:0;height:100vh}.rp-map-main #map{width:100%;height:100%}.rp-sidebar{width:380px;min-width:320px;max-width:420px;height:100vh;overflow:auto hidden;background:#fff;box-shadow:2px 0 12px #0000001a;z-index:100;display:flex;flex-direction:column;flex-shrink:0}.rp-topbar{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border-color);background:#fff;position:sticky;top:0;z-index:10}.rp-search-wrap{position:relative;flex:1 1 0;min-width:0}.rp-search-icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.rp-top-search{width:100%;height:36px;padding:0 10px 0 30px;border:1.5px solid var(--border-color);border-radius:8px;font-size:13px;color:var(--text-primary);background:var(--bg-input);outline:none;transition:border-color .15s,box-shadow .15s;font-family:inherit;box-sizing:border-box}.rp-top-search:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f;background:#fff}.rp-top-search::placeholder{color:#94a3b8}.rp-top-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:1000}.rp-topbar-right{display:flex;gap:4px;flex-shrink:0}.rp-unit-btn{height:28px;padding:0 9px;border-radius:6px;font-size:12px;font-weight:600;color:var(--text-secondary);border:1.5px solid var(--border-color);background:transparent;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.rp-unit-btn.active{background:#0f172a;color:#fff;border-color:#0f172a}.rp-unit-btn:not(.active):hover{color:var(--text-primary);border-color:#94a3b8}.rp-modes{display:flex;border-bottom:1px solid var(--border-color);background:#fff}.rp-mode{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:9px 4px;border:none;border-bottom:2px solid transparent;background:none;font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:color .15s,border-color .15s;font-family:inherit;white-space:nowrap}.rp-mode:hover{color:var(--text-primary)}.rp-mode.active{color:#0f172a;border-bottom-color:#0f172a}.rp-waypoints-container{padding:10px 12px 0;display:flex;flex-direction:column}.rp-wp-row{display:flex;align-items:stretch;gap:10px;min-height:44px}.rp-wp-line-col{display:flex;flex-direction:column;align-items:center;width:24px;flex-shrink:0}.rp-wp-line{flex:1;width:2px;background:repeating-linear-gradient(to bottom,#cbd5e1 0,#cbd5e1 4px,transparent 4px,transparent 8px);min-height:6px}.rp-wp-line.invisible{visibility:hidden}.rp-wp-badge{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;box-shadow:0 1px 4px #0003}.rp-wp-input-wrap{flex:1;position:relative;padding-bottom:8px;min-width:0}.rp-wp-input{width:100%;height:36px;padding:0 10px;border:1.5px solid var(--border-color);border-radius:8px;font-size:13px;color:var(--text-primary);background:var(--bg-input);outline:none;transition:border-color .15s,box-shadow .15s;font-family:inherit;box-sizing:border-box}.rp-wp-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f;background:#fff}.rp-wp-input::placeholder{color:#94a3b8}.rp-wp-input:disabled{opacity:.5;cursor:default}.rp-suggestions{position:absolute;top:calc(100% - 4px);left:0;right:0;z-index:200;background:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #0000001f;overflow:hidden;display:none}.rp-suggestions.open{display:block}.rp-suggestion{padding:9px 12px;font-size:13px;color:var(--text-primary);cursor:pointer;transition:background .1s;line-height:1.3}.rp-suggestion:hover,.rp-suggestion.active{background:var(--bg-hover)}.rp-wp-remove{align-self:center;margin-bottom:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:50%;background:#fff;color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:color .12s,border-color .12s,background .12s}.rp-wp-remove:hover{color:#ef4444;border-color:#ef4444;background:#ef44440f}.rp-wp-actions{display:flex;align-items:center;justify-content:space-between;padding:4px 0 12px;border-bottom:1px solid var(--border-color)}.rp-add-stop-btn,.rp-swap-btn{display:flex;align-items:center;gap:5px;padding:5px 10px;border:none;background:none;font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:color .12s,background .12s;font-family:inherit}.rp-add-stop-btn:hover,.rp-swap-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.rp-results-container{flex:1;padding:0;overflow-y:auto}.rp-loading{padding:20px 16px;font-size:13px;color:var(--text-secondary);text-align:center}.rp-error{padding:16px;font-size:13px;color:#dc2626;background:#ef44440f;border-radius:8px;margin:12px}.rp-result-summary{padding:16px 16px 12px;border-bottom:1px solid var(--border-color)}.rp-result-main{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.rp-result-time{font-size:30px;font-weight:800;line-height:1;letter-spacing:-.02em;color:#0f172a;font-variant-numeric:tabular-nums}.rp-result-sep{font-size:20px;color:#94a3b8}.rp-result-dist{font-size:18px;font-weight:600;color:#475569;font-variant-numeric:tabular-nums}.rp-result-via{margin-top:4px;font-size:12px;color:var(--text-secondary)}.rp-result-actions{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border-color)}.rp-share-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;height:38px;border:none;border-radius:10px;background:#2c6e49;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s,box-shadow .15s;font-family:inherit}.rp-share-btn:hover{background:#245e3d;box-shadow:0 4px 14px #2c6e4959}.rp-unit-toggle{height:38px;padding:0 14px;border:1.5px solid var(--border-color);border-radius:10px;background:#fff;font-size:12px;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:color .12s,border-color .12s;font-family:inherit;flex-shrink:0}.rp-unit-toggle:hover{color:var(--text-primary);border-color:#94a3b8}.rp-section-title{padding:12px 16px 6px;font-size:11px;font-weight:700;letter-spacing:.07em;color:var(--text-muted);text-transform:uppercase}.rp-alt-route{display:flex;align-items:center;width:100%;padding:10px 16px;border:none;border-top:1px solid var(--border-color);background:#fff;cursor:pointer;transition:background .12s;text-align:left;font-family:inherit;gap:8px}.rp-alt-route:first-of-type{border-top:none}.rp-alt-route:hover{background:var(--bg-secondary)}.rp-alt-route.active{background:#eff6ff;border-color:#bfdbfe}.rp-alt-summary{display:flex;align-items:center;gap:5px;flex:1}.rp-alt-time{font-size:14px;font-weight:700;color:#0f172a;font-variant-numeric:tabular-nums}.rp-alt-dot{color:#94a3b8;font-size:12px}.rp-alt-dist{font-size:13px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.rp-alt-via{font-size:12px;color:var(--text-muted);flex:1;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rp-alt-chevron{color:var(--text-muted);flex-shrink:0}.rp-steps{padding:0 16px 8px}.rp-step{display:flex;align-items:baseline;gap:10px;padding:8px 0;border-bottom:1px solid rgb(241 245 249);font-size:13px}.rp-step:last-child{border-bottom:none}.rp-step-num{font-size:11px;font-weight:700;color:#fff;background:#334155;border-radius:50%;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.rp-step-text{flex:1;color:var(--text-primary);line-height:1.4}.rp-step-dist{font-size:12px;color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0}.rp-show-all-steps{display:block;width:100%;padding:10px 16px;border:none;border-top:1px solid var(--border-color);background:none;font-size:13px;color:#2563eb;cursor:pointer;text-align:left;font-family:inherit;transition:color .12s}.rp-show-all-steps:hover{color:#1d4ed8}.rp-locate{position:absolute;bottom:32px;right:12px;z-index:10}.rp-layers-shell{position:absolute;bottom:56px;left:12px;right:auto;z-index:10}.rp-attribution{position:absolute;bottom:4px;right:8px}.rp-sidebar-nav{padding:8px 12px;border-top:1px solid var(--border-color);font-size:12px;color:var(--text-muted)}.rp-bottom-buttons{position:fixed;bottom:12px;left:395px;z-index:1001;display:flex;gap:6px}.rp-small-btn{font-size:12px;padding:5px 10px;height:auto;border-radius:8px}@media(width<=768px){.rp-layout{flex-direction:column}.rp-sidebar{width:100%;max-width:100%;height:auto;max-height:55vh;box-shadow:0 -2px 12px #0000001a;order:2}.rp-map-main{height:45vh;order:1}.rp-map-main #map{height:100%}.rp-bottom-buttons{left:12px;bottom:auto;top:calc(45vh + 8px)}.rp-locate,.rp-layers-shell{bottom:auto}.rp-locate{top:calc(45vh - 56px);right:8px}.rp-layers-shell{display:none}}