html,body,#map{height:100%;margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif}
#map{position:fixed;top:0;right:0;bottom:0;left:300px}
#sidebar{position:fixed;left:0;top:0;bottom:0;width:300px;padding:12px;overflow:auto;background:#f7f7f7;border-right:1px solid #ddd}
#sidebar h2{margin:4px 0 12px}
.control{margin-bottom:12px}
.control label{display:block;font-weight:600;margin-bottom:6px}
.control input[type="text"], .control input[type="file"], .control input{width:100%;padding:6px;border:1px solid #ccc;border-radius:4px}
.control button{margin-top:6px;padding:6px 8px}
.small{font-size:12px;color:#555}
.result-item{padding:6px;border-bottom:1px solid #eee;cursor:pointer}
.result-item:hover{background:#eef}
.active{background:#4CAF50;color:#fff}
#searchResults{max-height:200px;overflow:auto;border:1px solid #eee;padding:4px}
#routeInfo{margin-top:6px;font-size:13px}