#map,body,html{width:100%;height:100%;margin:0;padding:0}.demo-title{position:absolute;top:25px;left:25px;z-index:1}h1{font-size:18px;margin:0;color:#0050b4}h3{font-size:12px;font-weight:400;margin-top:5px;color:#0078b4}.control-panel{position:fixed;bottom:0;left:0;right:0;background:rgba(0,0,0,.8);color:#fff;padding:15px;z-index:1000}.panel-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:10px}#fileSelect{padding:8px;border-radius:4px;border:1px solid #666;background:#333;color:#fff;min-width:200px;cursor:pointer}#fileSelect option{background:#333;color:#fff;padding:4px}#timeSlider{width:200px}.time-display{font-family:Digital-7,Segment7Standard,monospace;font-size:24px;color:#0f0;background-color:#121;padding:5px 10px;border-radius:4px;letter-spacing:2px;text-shadow:0 0 5px rgba(0,255,0,.7)}#playButton{padding:8px 12px;font-size:12px;border:none;border-radius:4px;cursor:pointer;background-color:#2196f3;color:#fff;transition:background-color .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}#playButton:hover{background-color:#1976d2;box-shadow:0 4px 8px rgba(0,0,0,.1)}#playButton:active{background-color:#1565c0;transform:translateY(1px);box-shadow:0 1px 2px rgba(0,0,0,.1)}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.loading-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.loading-text{color:#fff;margin-top:20px;font-size:18px}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}