/* Torchwood Marketplace V10.103 — compact bottom preview player */
html body #tw-preview-backdrop{display:none!important}
html body #tw-preview-player.tw-preview-popup{
 display:grid!important;grid-template-columns:54px minmax(110px,180px) minmax(260px,1fr) auto!important;
 grid-template-rows:auto!important;align-items:center!important;gap:10px!important;
 position:fixed!important;left:50%!important;bottom:12px!important;top:auto!important;right:auto!important;
 transform:translateX(-50%)!important;z-index:2147483646!important;
 width:min(860px,calc(100vw - 24px))!important;height:auto!important;min-height:0!important;max-height:none!important;
 margin:0!important;padding:8px 10px!important;box-sizing:border-box!important;
 background:#111722!important;color:#f4f6fa!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:12px!important;
 box-shadow:0 12px 38px rgba(0,0,0,.58)!important;
}
html body #tw-preview-player.tw-preview-popup[hidden]{display:none!important}
html body #tw-preview-player .tw-preview-artwork{
 grid-column:1!important;width:54px!important;height:54px!important;min-width:54px!important;margin:0!important;padding:0!important;
 border-radius:8px!important;background:#1b2432!important;display:grid!important;place-items:center!important;
 font-size:1.3rem!important;overflow:hidden!important;
}
html body #tw-preview-player .tw-preview-artwork img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;border:0!important;border-radius:8px!important;margin:0!important;padding:0!important}
html body #tw-preview-player .tw-preview-artwork img[hidden]{display:none!important}
html body #tw-preview-player .tw-preview-artwork span[hidden]{display:none!important}
html body #tw-preview-player .tw-preview-popup-head{
 grid-column:2!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:5px!important;margin:0!important;min-width:0!important;
}
html body #tw-preview-player .tw-preview-popup-head>div{display:flex!important;flex-direction:column!important;min-width:0!important;gap:2px!important}
html body #tw-preview-player #tw-preview-title{display:block!important;width:auto!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:.86rem!important}
html body #tw-preview-player #tw-preview-artist{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:.72rem!important;color:#aeb7c5!important}
html body #tw-preview-player .tw-preview-close{
 position:absolute!important;right:5px!important;top:3px!important;width:25px!important;height:25px!important;min-width:25px!important;min-height:25px!important;
 margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#c9d0db!important;font-size:1.1rem!important;line-height:1!important;
}
html body #tw-preview-player #tw-preview-audio{display:none!important}
html body #tw-preview-player .tw-popup-controls{
 grid-column:3!important;display:grid!important;grid-template-columns:34px auto minmax(100px,1fr) auto 90px!important;align-items:center!important;gap:6px!important;width:100%!important;min-width:0!important;
}
html body #tw-preview-player .tw-popup-play{
 position:static!important;width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:50%!important;background:#202a39!important;color:#fff!important;font-size:.82rem!important;
}
html body #tw-preview-player .tw-popup-time{font-size:.68rem!important;font-variant-numeric:tabular-nums!important;white-space:nowrap!important}
html body #tw-preview-player .tw-popup-seek,html body #tw-preview-player .tw-popup-volume input{display:block!important;width:100%!important;min-width:0!important}
html body #tw-preview-player .tw-popup-volume{display:flex!important;align-items:center!important;gap:3px!important;min-width:0!important;font-size:.72rem!important}
html body #tw-preview-player .tw-preview-popup-actions{grid-column:4!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;margin:0 24px 0 0!important}
html body #tw-preview-player .tw-preview-popup-actions .btn{font-size:.7rem!important;padding:6px 8px!important;white-space:nowrap!important}
html body #tw-preview-player .tw-preview-popup-actions #tw-preview-link[hidden]{display:none!important}
@media(max-width:700px){
 html body #tw-preview-player.tw-preview-popup{grid-template-columns:44px minmax(90px,1fr) auto!important;gap:7px!important;bottom:7px!important;padding:6px 8px!important}
 html body #tw-preview-player .tw-preview-artwork{width:44px!important;height:44px!important;min-width:44px!important}
 html body #tw-preview-player .tw-preview-popup-head{grid-column:2!important}
 html body #tw-preview-player .tw-popup-controls{grid-column:3!important;grid-template-columns:32px minmax(70px,1fr)!important}
 html body #tw-preview-player .tw-popup-time,html body #tw-preview-player .tw-popup-volume{display:none!important}
 html body #tw-preview-player .tw-preview-popup-actions{display:none!important}
}

/* V10.105 — scroll preview titles only when JS marks titles longer than 23 characters */
html body #tw-preview-player #tw-preview-title .tw-preview-title-text{
 display:inline-block!important;white-space:nowrap!important;transform:translateX(0);
}
html body #tw-preview-player #tw-preview-title .tw-preview-title-text.tw-title-scroll{
 padding-right:18px!important;animation:twPreviewTitle23Scroll 9s linear infinite!important;
}
@keyframes twPreviewTitle23Scroll{
 0%,12%{transform:translateX(0)}
 88%,100%{transform:translateX(calc(-100% + 150px))}
}
@media(prefers-reduced-motion:reduce){
 html body #tw-preview-player #tw-preview-title .tw-preview-title-text.tw-title-scroll{animation:none!important;text-overflow:ellipsis!important;max-width:100%!important;overflow:hidden!important}
}