.layout-container{display:flex;justify-content:center;align-items:stretch;gap:20px;margin-top:30px;font-family:segoe ui,Roboto,Helvetica,Arial,sans-serif}.list-container{display:flex;flex-direction:column;align-items:center}.select-label{display:flex;align-items:center;gap:8px;font-weight:600;color:#334155;margin-bottom:10px}.city-select{width:200px;height:304px;padding:8px;border:1px solid #cbd5e1;border-radius:6px;font-family:inherit;font-size:14px;color:#0f172a;background-color:#f8fafc;overflow-y:auto}.city-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.15)}.map-canvas{height:304px;width:210px;background-image:url(/distance/images/carte.png);background-size:cover;background-position:50%;border:1px solid #e2e8f0;border-radius:6px;box-shadow:inset 0 0 10px rgba(0,0,0,5%);margin-top:40px}.results{text-align:center;margin-top:30px;font-size:16px;font-weight:600;color:#334155;background-color:#f1f5f9;padding:15px;border-radius:8px;max-width:600px;margin-left:auto;margin-right:auto}.txtview{text-align:center;font-size:18px;font-weight:700;color:#2563eb;background-color:initial;border:none;border-bottom:2px solid #3b82f6;padding:2px;margin:0 5px;pointer-events:none}body.dark .select-label,body.dark .results{color:#e2e8f0}body.dark .city-select{background-color:#1e293b;color:#cbd5e1;border-color:#334155}body.dark .results{background-color:#1e293b}body.dark .txtview{color:#38bdf8;border-color:#38bdf8}body.dark .map-canvas{border-color:#334155}