@import url(https://cdn.jsdelivr.net/npm/bootstrap/dist/css/bootstrap.min.css);body{background-color:#000;color:#fff;font-family:Arial,sans-serif;height:100vh;margin:0;padding:0}.app,body{display:flex;flex-direction:column}.app{height:100%}.songs-page{padding:2rem}.songs-page-title{margin-bottom:2rem;text-align:center}.songs-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.song-card{background-color:#1b1b1b;border:1px solid #333;border-radius:8px;box-shadow:0 4px 8px #0003;color:#fff;margin-bottom:1rem;transition:transform .2s;width:18rem}.song-card:hover{transform:scale(1.05)}.song-card .card-body{padding:1rem}.ml-2{margin-left:.5rem}.stems-page{min-height:100vh;padding-bottom:80px;position:relative}.stems-page-title{border-bottom:1px solid #333;margin:0;padding:1rem;text-align:center}.stems-container{padding:1rem}.stems-group{background-color:#1f1f1f;border:1px solid #333;border-radius:4px;margin-bottom:1.5rem}.stems-group-header{align-items:center;background-color:#2a2a2a;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem}.stems-group-header h3{font-size:1.2rem;margin:0}.stems-group-header .collapse-icon{font-size:1.2rem}.stems-group-body{padding:.75rem 1rem}.stem-channel{align-items:center;display:flex;margin-bottom:1rem}.stem-controls{margin-right:1rem}.waveform{background-color:#1b1b1b;border:1px solid #333;flex:1 1;height:76px;margin-bottom:1rem}.stem-controls h4{flex:1 1;font-size:1.1rem;margin:0}.stem-buttons{display:flex;gap:.5rem}@media (max-width:576px){.stem-channel{align-items:flex-start;flex-direction:column}.waveform{width:100%}}.player-controls-footer{background-color:#2a2a2a;border-top:1px solid #333;bottom:0;color:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;left:0;padding:.75rem 1rem;position:fixed;right:0;z-index:999}.player-controls-left{display:flex;gap:1rem;margin-bottom:.5rem}.player-controls-center{display:flex;gap:1rem;left:50%;position:absolute;transform:translateX(-50%)}.player-controls-right{align-items:center;display:flex;gap:1rem}.zoom-slider{align-items:center;display:flex;gap:.5rem}.bpm-label,.time-label{font-size:1rem}@media (max-width:576px){.player-controls-footer{align-items:flex-start;flex-direction:column}.player-controls-left{margin-bottom:.75rem}}.nav-link,.navbar-brand{padding:.5rem}
/*# sourceMappingURL=main.d1df7ebc.css.map*/