/* Lifts the detail content above the fixed waveform backdrop (z-index: 0). */
.mix-detail-foreground {
    position: relative;
    z-index: 1;
}

/* Medium square cover — deliberately smaller than the 360px cut cover so the
   waveform backdrop keeps room. The placeholder/art MudPaper fills this frame. */
.mix-detail-cover {
    aspect-ratio: 1 / 1;
    max-width: 220px;
    margin: 0 auto 2rem;
    overflow: hidden;
    box-shadow: 0 8px 28px color-mix(in srgb, var(--mud-palette-text-secondary) 18%, transparent);
}