/* The cover footprint stays fixed throughout loading, success and failure. */
:is(img,:where(canvas.private-art-canvas))[data-private-cover],:is(img,:where(canvas.private-art-canvas))[data-private-artwork]{opacity:0}
:is(img,:where(canvas.private-art-canvas)).private-art-loaded{opacity:1;transition:opacity .18s ease}
.private-art-surface{position:relative;isolation:isolate;--cover-tone:92,74,125;--cover-accent:45,102,119;background:#17151e!important}
.private-art-placeholder{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;display:grid;place-items:center;z-index:0;background:radial-gradient(ellipse at 78% 12%,rgba(var(--cover-tone),.85),transparent 68%),radial-gradient(ellipse at 50% 105%,rgba(var(--cover-accent),.7),transparent 62%),linear-gradient(145deg,#19141ded,#11131ce6);opacity:1;transition:opacity .18s ease}
.private-art-placeholder::before{content:'';position:absolute;inset:0;background:linear-gradient(87deg,transparent 23%,#ffffff06 28%,transparent 32%,transparent 60%,#ffffff07 65%,transparent 70%)}
.private-art-title{position:absolute;left:8%;right:8%;top:16%;font:700 clamp(10px,1.4vw,22px)/1.25 system-ui,sans-serif;text-align:left;text-transform:uppercase;letter-spacing:-.035em;color:#ffffff29;transform:rotate(-7deg);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.private-art-ring{width:clamp(20px,3vw,36px);height:clamp(20px,3vw,36px);border:2px solid #ffffff20;border-top-color:#ffffffd9;border-right-color:#ffffff70;border-radius:50%;box-sizing:border-box;animation:private-cover-spin 1.1s linear infinite;display:none}
.private-art-surface[data-art-state=loading]>.private-art-placeholder .private-art-ring{display:block}
.private-art-surface[data-art-state=ready]>.private-art-placeholder{opacity:0;visibility:hidden}
.private-art-surface[data-art-state=ready]>:is(img,:where(canvas.private-art-canvas)){position:relative}
#cards[data-view=list] .private-art-title,.queue-art .private-art-title,.rail-thumb .private-art-title,#player-art .private-art-title{display:none}
#cards[data-view=list] .private-art-ring{width:23px;height:23px}
.private-art-surface[data-art-state=loading]>.art-play{opacity:0!important;pointer-events:none}
.private-art-surface[data-art-state=loading]>.art-play:focus-visible{opacity:1!important;pointer-events:auto}
@keyframes private-cover-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.private-art-ring{animation:none;border-right-color:#ffffff90}.private-art-placeholder,:is(img,:where(canvas.private-art-canvas)).private-art-loaded{transition:none}}

.private-art-empty{background:radial-gradient(ellipse at 80% 10%,rgba(var(--cover-tone),.8),transparent 70%),radial-gradient(ellipse at 40% 110%,rgba(var(--cover-accent),.65),transparent 65%),linear-gradient(145deg,#211821,#121822)!important;color:#ffffff80}
/* Preserve every cover edge; unused space around loaded artwork is black. */
.private-art-surface[data-art-state=ready]{background:#000!important}
.private-art-surface[data-art-state=ready]>.private-art-canvas{background:#000;object-fit:contain}