.dmp-wrapper{ max-width:900px;margin:auto;padding:12px;font-family:Arial,sans-serif; }
.dmp-wrapper input[type=file]{ margin-top:6px; }
.dmp-wrapper button{ margin-top:10px;padding:6px 12px;background:#2175ff;color:white;border:none;cursor:pointer; }

#dmp-upload-progress{ width:100%; height:8px;background:#ddd;border-radius:4px;overflow:hidden;margin-top:6px; display:none; }
#dmp-upload-bar{ height:100%; width:0%; background:#4CAF50; transition:width .2s linear; }

.dmp-player{ display:flex; flex-direction:row; gap:12px; margin-top:20px; }
.dmp-video{ flex:1; }
.dmp-map{ flex:1; }

#dmpMap{ width:100%; height:300px; }
#dmpSpeedChart{ width:100%; height:150px; margin-top:6px; }

#dmpScrub{ width:100%; margin-top:6px; }
.dmp-info{ margin-top:6px; font-size:14px; }

@media(max-width:768px){ .dmp-player{ flex-direction:column; } }