:root{color:#111827;font-synthesis:none;background:#f4f7fb;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{background:#f4f7fb;min-height:100vh}.header{color:#fff;text-align:center;background:#172554;padding:35px 20px}.header h1{margin:0;font-size:32px}.header p{color:#cbd5e1;margin:10px 0 0}.container{max-width:850px;margin:35px auto;padding:0 20px}.card{background:#fff;border-radius:14px;margin-bottom:25px;padding:30px;box-shadow:0 4px 20px #0000000f}.card h2{color:#172554;margin-top:0}.card h3{margin-top:25px}label{margin:16px 0 8px;font-weight:600;display:block}input{color:#111827;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:13px;font-size:15px;display:block}input::placeholder{color:#94a3b8;opacity:1}input:focus{outline-offset:0;border-color:#2563eb;outline:2px solid #2563eb}.address-autocomplete,.autocomplete-wrapper{width:100%;position:relative}.address-autocomplete{margin-top:8px}.address-autocomplete gmp-place-autocomplete,.autocomplete-wrapper gmp-place-autocomplete,gmp-place-autocomplete{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;width:100%;min-height:45px;display:block}.address-autocomplete:focus-within{outline-offset:2px;border-radius:8px;outline:2px solid #2563eb}gmp-place-autocomplete::part(input){color:#111827}gmp-place-autocomplete::part(input)::placeholder{color:#94a3b8;opacity:1}.starting-location-container{width:100%;box-shadow:none;background:0 0;border:0;margin-bottom:20px;padding:0}.starting-location-container .autocomplete-wrapper{box-shadow:none;background:0 0;border:0;padding:0}.starting-location-container .autocomplete-wrapper>div{width:100%}.current-location-suggestion{color:#2563eb;text-align:left;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:0 0 8px 8px;width:100%;padding:12px 14px;font-size:14px;display:block}.current-location-suggestion:hover{background:#eff6ff}.location-loading{color:#2563eb;margin:8px 0 0;font-size:13px}.stop-row{align-items:flex-end;gap:12px;display:flex}.stop-input{flex:1 1 0;min-width:0}.address-name-row{align-items:center;gap:12px;width:100%;display:flex}.address-field{flex:1 1 0;min-width:0}.inline-name-container{flex:0 0 220px;align-items:center;gap:8px;min-width:0;display:flex}.inline-name-input{color:#111827;background:#fff;border:1px solid #94a3b8;border-radius:8px;width:100%;min-width:0;height:44px;padding:10px 12px;font-size:14px}.inline-name-input::placeholder{color:#94a3b8;opacity:1}.inline-name-input:focus{border-color:#2563eb;outline:2px solid #2563eb}.optional-name-field{flex-direction:column;gap:8px;width:100%;margin-top:12px;display:flex}button{cursor:pointer;border:none;border-radius:8px;font-size:15px;font-weight:600}.name-toggle-btn{color:#2563eb;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;flex-shrink:0;margin:0;padding:12px 16px;font-size:13px}.name-toggle-btn:hover{background:#dbeafe}.remove-name-btn{color:#dc2626;background:#fee2e2;border:1px solid #fecaca;flex-shrink:0;width:36px;height:44px;font-size:22px}.remove-name-btn:hover{background:#fecaca}.add-btn{color:#1d4ed8;background:#e0ecff;margin-top:18px;padding:12px 18px}.add-btn:hover{background:#dbeafe}.remove-btn{color:#b91c1c;background:#fee2e2;padding:13px}.remove-btn:hover{background:#fecaca}.optimize-btn{color:#fff;background:#2563eb;width:100%;margin-top:28px;padding:15px;font-size:17px;display:block}.optimize-btn:hover{background:#1d4ed8}.optimize-btn:disabled{opacity:.6;cursor:not-allowed}.error{color:#b91c1c;margin-top:18px}.metrics{gap:20px;margin:25px 0;display:flex}.metric{background:#eff6ff;border-radius:10px;flex:1;padding:20px}.metric span{color:#475569;margin-bottom:8px;display:block}.metric strong{color:#1e40af;font-size:22px}.route-timeline{margin-top:25px}.route-point{border-bottom:1px solid #e2e8f0;align-items:center;gap:16px;padding:18px 0;display:flex}.route-point p{color:#475569;overflow-wrap:anywhere;margin:5px 0 0}.point-marker{color:#fff;background:#2563eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;display:flex}.point-marker.start{background:#16a34a}.point-marker.end{background:#dc2626}.maps-section{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;margin-top:30px;padding:25px}.maps-section h3{color:#166534;margin-top:0}.maps-section p{color:#475569}.maps-buttons{gap:15px;margin:20px 0;display:flex}.maps-btn{color:#fff;text-align:center;background:#16a34a;border-radius:8px;flex:1;justify-content:center;align-items:center;padding:14px;font-weight:600;text-decoration:none;display:flex}.maps-btn:hover{background:#15803d}.copy-btn{color:#fff;background:#2563eb;flex:1;padding:14px}.copy-btn:hover{background:#1d4ed8}.maps-link-input{color:#475569;background:#fff;width:100%;font-size:13px}.container.route-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:24px;max-width:1480px;display:grid}.route-form-column,.route-results-column{min-width:0;height:auto;max-height:none;overflow:visible}.route-results-column{overscroll-behavior:auto;position:static;top:auto}.route-form-column .card,.route-results-column .card{height:auto;max-height:none;overflow:visible}.route-results-column .card{margin-bottom:0}.results-placeholder{min-height:220px}.results-placeholder p{color:#64748b;line-height:1.6}html,body,#root,.app{height:auto;min-height:100%;overflow-y:visible}@media (width<=900px){.container.route-layout{grid-template-columns:minmax(0,1fr)}.route-form-column,.route-results-column{width:100%}}@media (width<=600px){.card{padding:20px}.metrics,.maps-buttons{flex-direction:column}.stop-row{flex-direction:column;align-items:stretch}.address-name-row{flex-wrap:wrap}.address-field{flex-basis:100%}.inline-name-container{flex:100%}}body{margin:0;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}