:root{--mp-bg: #fff;--mp-border: #eee;--mp-shadow: rgba(0, 0, 0, .06);--mp-text: #000;--mp-text-secondary: #888;--mp-cover-bg: linear-gradient(135deg, #f5f5f5, #e8e8e8);--mp-cover-fallback-color: #555;--mp-play-bg: #000;--mp-play-color: #fff;--mp-bar-bg: #eee;--mp-fill-bg: #000;--mp-item-active-bg: #f5f5f5;--mp-item-hover-bg: #fafafa}.mp-player{margin:2rem 0;padding:1.25rem 1.5rem;background:var(--mp-bg);border:1px solid var(--mp-border);border-radius:12px;box-shadow:0 2px 12px var(--mp-shadow)}.mp-main{display:flex;gap:1.25rem;align-items:center}.mp-player>.mp-main>div:first-child,.mpl-cover{flex-shrink:0;width:80px;height:80px;border-radius:8px;overflow:hidden;background:var(--mp-cover-bg);position:relative}.mp-player>.mp-main>div:first-child img,.mpl-cover img{width:100%;height:100%;object-fit:cover}.mp-fallback-icon{width:36px;height:36px;color:var(--mp-cover-fallback-color);opacity:.5;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mp-info{flex:1;min-width:0}.mp-title{margin-bottom:.5rem;font-size:1rem;font-weight:600;color:var(--mp-text);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-artist{font-weight:400;color:var(--mp-text-secondary);margin-left:.5rem}.mp-controls{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.mp-btn-disabled{width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;opacity:.3;cursor:not-allowed;border-radius:50%;color:var(--mp-text)}.mp-play{width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:var(--mp-play-bg);color:var(--mp-play-color);border-radius:50%;cursor:pointer;transition:all .2s}.mp-progress-row{display:flex;align-items:center;gap:.75rem}.mp-ct,.mp-dt{font-size:.75rem;color:var(--mp-text-secondary);min-width:36px}.mp-ct{text-align:right}.mp-bar{flex:1;height:4px;background:var(--mp-bar-bg);border-radius:2px;cursor:pointer}.mp-fill{height:100%;background:var(--mp-fill-bg);border-radius:2px;transition:width .1s linear}.mpl-player{margin:2rem 0;background:var(--mp-bg);border:1px solid var(--mp-border);border-radius:12px;box-shadow:0 2px 12px var(--mp-shadow);overflow:hidden}.mpl-inner{padding:1.25rem 1.5rem}.mpl-list{margin-top:.75rem;max-height:220px;overflow-y:auto}.mpl-item{padding:.5rem .75rem;border-radius:6px;cursor:pointer;font-size:.875rem;color:var(--mp-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s;background:transparent}.mpl-item:hover{background:var(--mp-item-hover-bg)}.mpl-item-active,.mpl-item.mpl-item-active{background:var(--mp-item-active-bg)}.mpl-item-artist{color:var(--mp-text-secondary);margin-left:.5rem}.mpl-prev,.mpl-next{width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;opacity:.3;cursor:not-allowed;border-radius:50%;color:var(--mp-text);transition:all .2s}.mpl-play{width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:var(--mp-play-bg);color:var(--mp-play-color);border-radius:50%;cursor:pointer;transition:all .2s}.mp-audio,.mpl-audio{display:none}