.dlp-wrapper{--dlp-bg: rgba(0, 0, 0, .85);--dlp-text-color: #ffffff;--dlp-title-size: 15px;--dlp-artist-size: 13px;--dlp-active-bg: rgba(59, 130, 246, .15);--dlp-active-border: #3b82f6;--dlp-image-size: 48px;--dlp-animation-duration: .5s}.dlp-wrapper--list{display:flex;gap:16px;align-items:flex-start}.dlp-wrapper--overlay{position:relative;overflow:hidden}.dlp-wrapper--overlay>video,.dlp-wrapper--overlay>audio,.dlp-wrapper--overlay>iframe{display:block;width:100%}.dlp-list{display:flex;flex-direction:column;gap:2px;max-height:400px;overflow-y:auto;min-width:280px;max-width:400px;background:var(--dlp-bg);border-radius:8px;padding:4px;scrollbar-width:thin}.dlp-list::-webkit-scrollbar{width:4px}.dlp-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.dlp-overlay{position:absolute;bottom:48px;left:12px;right:12px;display:flex;flex-direction:column;gap:8px;pointer-events:none;z-index:10}.dlp-track{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:6px;border-left:3px solid transparent;transition:background-color .3s ease,border-color .3s ease;color:var(--dlp-text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dlp-list .dlp-track--active{background:var(--dlp-active-bg);border-left-color:var(--dlp-active-border)}.dlp-overlay .dlp-track{background:var(--dlp-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:8px 12px;border-left:none;pointer-events:auto}.dlp-track__image{width:var(--dlp-image-size);height:var(--dlp-image-size);border-radius:4px;overflow:hidden;flex-shrink:0}.dlp-track__image img{width:100%;height:100%;object-fit:cover}.dlp-track__text{flex:1;min-width:0}.dlp-track__link{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:4px;background:#ffffff14;transition:background-color .2s ease}.dlp-track__link:hover{background:#3b82f64d}.dlp-track__link-icon{width:14px;height:14px;color:#ffffff80;transition:color .2s ease}.dlp-track__link:hover .dlp-track__link-icon{color:#fff}.dlp-track__title{font-size:var(--dlp-title-size);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.dlp-track__artist{font-size:var(--dlp-artist-size);color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dlp-track__deck{font-size:11px;color:#ffffff73;background:#ffffff14;padding:1px 6px;border-radius:3px;margin-left:4px;white-space:nowrap;vertical-align:middle}.dlp-fade-enter{opacity:0;transform:translateY(-10px)}.dlp-fade-enter-active{opacity:1;transform:translateY(0);transition:opacity var(--dlp-animation-duration) ease,transform var(--dlp-animation-duration) ease}.dlp-fade-exit{opacity:1;transform:translateY(0)}.dlp-fade-exit-active{opacity:0;transform:translateY(-10px);transition:opacity var(--dlp-animation-duration) ease,transform var(--dlp-animation-duration) ease}