.mix-title {font-size:14px;font-weight:600;line-height:1.45;margin:0 0 8px;color:#80c9a4}
.mix-player {position:relative;display:flex;gap:14px;align-items:center;background:#2c2c2c;border:1px solid #3c3c3c;border-radius:10px;padding:12px;overflow:hidden}
.mix-art-link {flex:0 0 92px;width:92px;height:92px;border-radius:6px;overflow:hidden}
.mix-art {width:100%;height:100%;object-fit:cover}
.mix-controls {flex:1;min-width:0}
.mix-artist {color:#c7c7c7;font-size:12px;line-height:1.4;margin-bottom:10px}
.mix-control-row {display:flex;align-items:center;gap:10px}
.mix-play {width:36px;height:36px;flex:0 0 36px;border:0;border-radius:50%;background:#47a37a;color:#fff;display:flex;align-items:center;justify-content:center}
.mix-play svg {width:22px;height:22px;fill:currentColor}
.mix-play:hover {background:#5db78e}
.mix-play:disabled {opacity:.55;cursor:wait}
.mix-timeline {flex:1;min-width:0}
.mix-seek {display:block;appearance:none;width:100%;height:4px;border-radius:4px;background:linear-gradient(to right,#47a37a var(--progress,0%),#686868 var(--progress,0%));cursor:pointer;margin:7px 0 10px}
.mix-seek::-webkit-slider-thumb {appearance:none;width:10px;height:10px;border-radius:50%;background:#b1dfc5}
.mix-seek::-moz-range-thumb {width:10px;height:10px;border:0;border-radius:50%;background:#b1dfc5}
.mix-times {display:flex;justify-content:space-between;font-size:10px;line-height:1.3;color:#bbb;font-variant-numeric:tabular-nums}
.mix-status {display:block;font-size:10px;color:#aaa;margin-top:6px;min-height:13px}
.mix-engine {position:absolute;left:-10000px;top:0;width:336px;height:166px;border:0}
.mix-attribution {display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a5a5a5;margin-top:5px}
.mix-attribution a {display:flex;align-items:center;gap:4px}
.mix-attribution svg {width:15px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.mix-attribution a:hover {color:#ddd}
@media(max-width:350px){.mix-player{gap:10px;padding:10px}.mix-art-link{width:80px;height:80px;flex-basis:80px}.mix-control-row{gap:7px}}