.wavesurfer-player{background-color:#fff;border-radius:8px;flex-direction:column;gap:12px;min-height:120px;margin:8px 0;padding:12px;display:flex;overflow:visible}.wavesurfer-player .audio-header{align-items:center;gap:12px;width:100%;min-height:56px;display:flex;overflow:visible}.album-artwork{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;flex-shrink:0;width:40px;height:40px;overflow:hidden}.artwork-image{object-fit:cover;width:100%;height:100%;display:block}.wavesurfer-player .play-button{color:#2c2c2c;cursor:pointer;background:linear-gradient(145deg,#f0f0f0 0%,#d4d4d4 20%,#b8b8b8 50%,silver 80%,#e8e8e8 100%);border:1px solid #ffffff4d;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative;box-shadow:0 1px 3px #0000001a,inset 0 1px 2px #fff9,inset 0 -1px 2px #0000001a;border-radius:50%!important;width:48px!important;height:48px!important}.play-button:hover{background:linear-gradient(145deg,#f5f5f5 0%,#d8d8d8 20%,#bcbcbc 50%,#c4c4c4 80%,#ececec 100%);transform:translateY(-1px)scale(1.02);box-shadow:0 2px 4px #00000026,inset 0 1px 3px #ffffffb3,inset 0 -1px 3px #00000026}.play-button:active{background:linear-gradient(145deg,#d0d0d0 0%,#b4b4b4 20%,#989898 50%,#a0a0a0 80%,#c8c8c8 100%);transform:translateY(0)scale(.98);box-shadow:0 1px 2px #0000001a,inset 0 1px 2px #0003,inset 0 -1px 1px #fff6}.audio-info{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.track-info{flex-direction:column;gap:2px;min-width:0;display:flex}.audio-title{color:#374151;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;line-height:1.2;overflow:hidden}.audio-artist{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:400;line-height:1.2;overflow:hidden}.audio-album{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:400;line-height:1.2;overflow:hidden}.audio-time{color:#6b7280;flex-shrink:0;font-family:monospace;font-size:12px}.wavesurfer-controls{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;display:flex}.play-pause-button{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.play-pause-button:hover{background-color:#2563eb;transform:scale(1.05)}.play-pause-button:disabled{cursor:not-allowed;background-color:#9ca3af;transform:none}.loading-spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.time-display{color:#6b7280;flex-shrink:0;min-width:80px;font-family:monospace;font-size:12px}.volume-control{align-items:center;gap:8px;margin-left:auto;display:flex}.volume-button{color:#6b7280;cursor:pointer;background-color:#0000;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.volume-button:hover{color:#374151;background-color:#f3f4f6}.volume-slider{cursor:pointer;appearance:none;background:#e5e7eb;border-radius:2px;outline:none;width:60px;height:4px}.volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#3b82f6;border-radius:50%;width:14px;height:14px}.volume-slider::-moz-range-thumb{cursor:pointer;background:#3b82f6;border:none;border-radius:50%;width:14px;height:14px}.wavesurfer-container{background-color:#fff;border-radius:6px;width:100%;height:60px;position:relative;overflow:hidden}.wavesurfer-loading{background-color:#f8fafc;border-radius:4px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.wavesurfer-loading .loading-bars{align-items:flex-end;gap:2px;height:40px;display:flex}.wavesurfer-loading .loading-bar{background-color:#e5e7eb;border-radius:1px;width:2px;animation:1.5s ease-in-out infinite wavesurferPulse}@keyframes wavesurferPulse{0%,to{background-color:#e5e7eb;transform:scaleY(.5)}50%{background-color:#d1d5db;transform:scaleY(1)}}.loading-placeholder{background-color:#f8fafc;border-radius:4px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading-bars{align-items:flex-end;gap:2px;height:60px;display:flex;overflow:hidden}.loading-bar{background-color:#e5e7eb;border-radius:1px;width:2px;animation:1.5s ease-in-out infinite loadingPulse}@keyframes loadingPulse{0%,to{background-color:#e5e7eb;transform:scaleY(.5)}50%{background-color:#d1d5db;transform:scaleY(1)}}.wavesurfer-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:12px 0;padding:16px}.wavesurfer-error .audio-title{color:#dc2626;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:500;display:flex}.wavesurfer-error .error-message{color:#991b1b;font-size:12px}.wavesurfer-error .error-message a{color:#dc2626;text-decoration:underline}.wavesurfer-error .error-message a:hover{color:#b91c1c}.wavesurfer-container wave{height:100%!important;overflow:visible!important}.wavesurfer-container canvas{border-radius:4px;width:100%!important;height:100%!important}@media (max-width:640px){.wavesurfer-controls{flex-wrap:wrap;gap:8px}.volume-control{order:3;justify-content:center;width:100%;margin-left:0}.volume-slider{width:120px}}.wavesurfer-container .wavesurfer-cursor,.wavesurfer-container wave canvas:after,.wavesurfer-container [data-id=cursor],wavesurfer-player .cursor{background-color:#4f789b!important}@media (prefers-color-scheme:dark){.wavesurfer-player{background-color:#1f2937;border-color:#374151}.wavesurfer-player .audio-title{color:#e5e7eb}.time-display,.volume-button{color:#9ca3af}.volume-button:hover{color:#e5e7eb;background-color:#374151}.loading-placeholder{background-color:#1f2937}}