.custom-card,.formats-sidebar{border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.custom-card{height:100%}.btn-custom{display:flex;align-items:center;justify-content:center;gap:5px;padding:10px;background-color:#1db954;border-color:#1db954}.btn-custom:hover{background-color:#1aa34a;border-color:#1aa34a}#videoUrl:focus{border-color:#1db954;box-shadow:0 0 10px rgba(29,185,84,.3)}.audio-container{height:100%;display:flex;flex-direction:column}.thumbnail-container{width:100%;max-width:300px;margin:0 auto}#audioThumbnail{width:100%;height:auto;max-height:300px;object-fit:cover;border-radius:8px}#audioTitle{font-size:1.2rem;font-weight:600;word-break:break-word;color:#333}.formats-sidebar{background:#fff;padding:20px;max-height:500px;overflow-y:auto}.format-card{border:1px solid #e0e0e0;border-radius:8px;padding:15px;margin-bottom:15px;transition:.2s;background:#f9f9f9}.format-card:hover{box-shadow:0 5px 15px rgba(0,0,0,.1);transform:translateY(-2px);background:#fff}.quality-badge{font-size:.7rem;padding:.25em .5em;border-radius:.5rem;background:#1db954;color:#fff;display:inline-block;margin-bottom:5px}@media (max-width:992px){.row{flex-direction:column}.col-lg-4{width:100%;margin-bottom:20px}.formats-sidebar{max-height:none}}