#loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(160,157,157,0.5);display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity 0.3s ease}.fade-out{opacity:0}.loading-spinner{text-align:center}.spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.loading-text{margin-top:10px;font-weight:bold}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.chart-card{margin-bottom:25px}.chart-card .card-body,.spectrogram-card .card-body{background-color:#E9ECEF}.chart-container{height:400px;width:100%;position:relative}.chart-container .plotly,.chart-container .js-plotly-plot{width:100%!important;height:100%!important}