.vsg-showcase{--vsg-bg:#0a0d14;--vsg-card:#121826;--vsg-text:#f7f9fc;--vsg-muted:#9aa6ba;--vsg-accent:#2684ff;--vsg-border:rgba(255,255,255,.09);--vsg-sidebar-width:31%;position:relative;color:var(--vsg-text);font-family:inherit}
.vsg-theme-light{--vsg-bg:#f6f8fb;--vsg-card:#fff;--vsg-text:#111827;--vsg-muted:#667085;--vsg-border:rgba(17,24,39,.09)}
.vsg-theme-glass{--vsg-bg:transparent;--vsg-card:rgba(18,24,38,.64);--vsg-text:#fff;--vsg-muted:#cbd5e1;--vsg-border:rgba(255,255,255,.14)}
.vsg-showcase *{box-sizing:border-box}.vsg-hidden{display:none!important}.vsg-empty{padding:20px;border:1px dashed #cbd5e1;border-radius:12px}
.vsg-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.vsg-filters button{border:1px solid var(--vsg-border);background:var(--vsg-card);color:var(--vsg-text);padding:8px 14px;border-radius:999px;cursor:pointer;font:inherit;font-size:13px;transition:.2s ease}.vsg-filters button.is-active{background:var(--vsg-accent);border-color:var(--vsg-accent);color:#fff}
.vsg-media{position:relative;background:#111 center/cover no-repeat;overflow:hidden;aspect-ratio:16/9;min-width:0}.vsg-media:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.22));pointer-events:none;z-index:1}.vsg-media iframe{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;min-width:0!important;border:0!important;z-index:2;background:#000;display:block!important;margin:0!important}.vsg-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border:0;border-radius:50%;background:rgba(255,255,255,.93);box-shadow:0 10px 35px rgba(0,0,0,.3);cursor:pointer;z-index:3}.vsg-play span{display:block;margin-left:5px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid #111}.vsg-card-title{padding:11px 12px 13px;font-weight:600;font-size:15px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Controles próprios: somente play/pause e volume. */
.vsg-custom-controls{position:absolute;left:14px;bottom:14px;z-index:6;display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:12px;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);line-height:1}.vsg-custom-controls button{appearance:none;-webkit-appearance:none;border:0!important;outline:0;background:transparent!important;color:#fff!important;padding:0!important;margin:0!important;min-width:0!important;min-height:0!important;box-shadow:none!important;cursor:pointer}.vsg-control-play{width:28px!important;height:28px!important;display:grid!important;place-items:center}.vsg-icon-pause{display:flex;gap:4px}.vsg-icon-pause i{display:block;width:4px;height:14px;border-radius:2px;background:#fff}.vsg-icon-play{display:none}.vsg-icon-play i{display:block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid #fff;margin-left:2px}.vsg-control-play.is-paused .vsg-icon-pause{display:none}.vsg-control-play.is-paused .vsg-icon-play{display:block}.vsg-volume-wrap{display:flex;align-items:center;gap:7px}.vsg-control-volume{width:24px!important;height:24px!important;position:relative}.vsg-control-volume span:before{content:"";position:absolute;left:3px;top:8px;width:6px;height:8px;background:#fff;border-radius:2px}.vsg-control-volume span:after{content:"";position:absolute;left:9px;top:5px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:0;border-left:8px solid #fff}.vsg-control-volume:after{content:"))";position:absolute;left:14px;top:5px;font-size:9px;letter-spacing:-3px;color:#fff}.vsg-control-volume.is-muted:after{content:"×";left:16px;top:2px;font-size:18px;letter-spacing:0}.vsg-volume-range{appearance:none;-webkit-appearance:none;width:86px;height:4px;background:rgba(255,255,255,.35);border-radius:999px;outline:none;margin:0!important;padding:0!important;border:0!important}.vsg-volume-range::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:#fff;cursor:pointer}.vsg-volume-range::-moz-range-thumb{width:13px;height:13px;border:0;border-radius:50%;background:#fff;cursor:pointer}
.vsg-carousel-wrap{position:relative;padding:20px 54px}.vsg-carousel{display:flex;align-items:center;gap:18px;overflow:hidden;min-height:360px;scroll-snap-type:x mandatory}.vsg-carousel .vsg-card{flex:0 0 clamp(190px,24vw,320px);background:var(--vsg-card);border:1px solid var(--vsg-border);opacity:.5;transform:scale(.84);transition:.35s ease;box-shadow:0 18px 45px rgba(0,0,0,.2);scroll-snap-align:center;overflow:hidden}.vsg-carousel .vsg-card.is-active{opacity:1;transform:scale(1);z-index:4}.vsg-layout-coverflow .vsg-carousel .vsg-card.is-prev,.vsg-layout-coverflow .vsg-carousel .vsg-card.is-next{opacity:.72;transform:scale(.9)}.vsg-layout-coverflow .vsg-carousel .vsg-card.is-far-prev,.vsg-layout-coverflow .vsg-carousel .vsg-card.is-far-next{opacity:.38;transform:scale(.78)}.vsg-layout-spotlight .vsg-carousel .vsg-card{flex-basis:30%;filter:brightness(.45)}.vsg-layout-spotlight .vsg-carousel .vsg-card.is-active{flex-basis:38%;filter:none}.vsg-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:8;width:42px;height:42px;border-radius:50%;border:1px solid var(--vsg-border);background:var(--vsg-card);color:var(--vsg-text);font-size:28px;line-height:1;cursor:pointer}.vsg-prev{left:4px}.vsg-next{right:4px}
/* Player + playlist no padrão referência: player grande à esquerda e cards compactos à direita. */
.vsg-playlist-layout{display:grid;grid-template-columns:minmax(0,calc(100% - var(--vsg-sidebar-width) - 18px)) minmax(260px,var(--vsg-sidebar-width));align-items:stretch;gap:18px;background:var(--vsg-bg);padding:16px;border-radius:20px;overflow:hidden}.vsg-main-player{display:block;min-width:0;overflow:hidden;background:#000;border:1px solid var(--vsg-border);line-height:0;align-self:start}.vsg-main-player>.vsg-media{width:100%;aspect-ratio:16/9;margin:0}.vsg-main-player>*:not(.vsg-media){display:none!important}.vsg-playlist{min-width:0;min-height:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px;overflow-y:auto;overflow-x:hidden;padding:0 4px 0 0;scrollbar-width:thin;overscroll-behavior:contain}.vsg-playlist-item{--vsg-thumb-width:132px;appearance:none!important;-webkit-appearance:none!important;flex:0 0 auto!important;width:100%!important;height:auto!important;min-height:88px!important;max-height:112px!important;display:grid!important;grid-template-columns:var(--vsg-thumb-width) minmax(0,1fr)!important;align-items:center!important;gap:14px!important;border:1px solid var(--vsg-border)!important;border-radius:16px;background:var(--vsg-card)!important;color:var(--vsg-text)!important;padding:9px!important;margin:0!important;text-align:left!important;cursor:pointer;overflow:hidden!important;box-shadow:0 6px 18px rgba(0,0,0,.10)!important;transition:border-color .2s ease,transform .2s ease,background .2s ease,box-shadow .2s ease}.vsg-playlist-item:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,0,0,.14)!important}.vsg-playlist-item.is-active{border-color:var(--vsg-accent)!important;box-shadow:inset 3px 0 0 var(--vsg-accent)!important}.vsg-playlist-item img{display:block!important;width:var(--vsg-thumb-width)!important;height:auto!important;max-width:none!important;aspect-ratio:16/9!important;object-fit:cover!important;border-radius:11px!important;margin:0!important;padding:0!important;position:static!important}.vsg-playlist-item > .vsg-desktop-title{display:-webkit-box!important;min-width:0!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;color:var(--vsg-text)!important;font-weight:600;font-size:14px;line-height:1.35;white-space:normal;overflow:hidden!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}.vsg-playlist{scroll-behavior:auto;scrollbar-color:rgba(255,255,255,.28) transparent;scrollbar-gutter:stable}.vsg-playlist:hover,.vsg-playlist.is-wheel-scrolling{scrollbar-color:rgba(255,255,255,.55) transparent}.vsg-playlist::-webkit-scrollbar{width:8px}.vsg-playlist::-webkit-scrollbar-track{background:transparent;border-radius:999px}.vsg-playlist::-webkit-scrollbar-thumb{background:rgba(255,255,255,.24);border-radius:999px;border:2px solid transparent;background-clip:padding-box;transition:background .2s ease}.vsg-playlist:hover::-webkit-scrollbar-thumb,.vsg-playlist.is-wheel-scrolling::-webkit-scrollbar-thumb{background:rgba(255,255,255,.52);border:2px solid transparent;background-clip:padding-box}.vsg-playlist::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.72);border:2px solid transparent;background-clip:padding-box}
.vsg-bento{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:120px;gap:12px}.vsg-bento .vsg-card{background:var(--vsg-card);border:1px solid var(--vsg-border);overflow:hidden}.vsg-bento .vsg-card-title{position:absolute;left:8px;right:8px;bottom:6px;z-index:2;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.65));padding:26px 8px 8px;border-radius:8px}.vsg-bento .vsg-media{height:100%;aspect-ratio:auto}.vsg-bento-1{grid-column:span 5;grid-row:span 3}.vsg-bento-2{grid-column:span 4;grid-row:span 2}.vsg-bento-3{grid-column:span 3;grid-row:span 2}.vsg-bento-4{grid-column:span 3;grid-row:span 2}.vsg-bento-5{grid-column:span 4;grid-row:span 2}.vsg-bento-6{grid-column:span 5;grid-row:span 3}.vsg-bento-7{grid-column:span 3;grid-row:span 2}
.vsg-reels{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.vsg-reels .vsg-card{background:var(--vsg-card);border:1px solid var(--vsg-border);overflow:hidden}.vsg-reels .vsg-media{aspect-ratio:9/16}.vsg-reels .vsg-card-title{white-space:normal}
@media(max-width:900px){.vsg-playlist-layout{grid-template-columns:1fr;overflow:visible}.vsg-playlist{height:auto!important;max-height:none!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding-right:0}.vsg-playlist-item{--vsg-thumb-width:100px;min-height:76px!important}.vsg-bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto}.vsg-bento .vsg-card{grid-column:span 1!important;grid-row:span 1!important}.vsg-bento .vsg-media{aspect-ratio:16/10}}
@media(max-width:600px){.vsg-carousel-wrap{padding:12px 38px}.vsg-carousel{gap:10px;min-height:300px}.vsg-carousel .vsg-card,.vsg-layout-spotlight .vsg-carousel .vsg-card,.vsg-layout-spotlight .vsg-carousel .vsg-card.is-active{flex-basis:78%}.vsg-arrow{width:34px;height:34px;font-size:22px}.vsg-play{width:54px;height:54px}.vsg-playlist{grid-template-columns:1fr}.vsg-playlist-item{--vsg-thumb-width:106px;max-height:100px!important}.vsg-custom-controls{left:10px;bottom:10px}.vsg-volume-range{width:64px}.vsg-bento{grid-template-columns:1fr}.vsg-reels{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Mobile/touch safety: never trap page scrolling on phones/tablets. */
@media (max-width:1024px), (hover:none), (pointer:coarse){
  .vsg-playlist{
    height:auto!important;
    max-height:none!important;
    overflow-y:visible!important;
    overflow-x:visible!important;
    overscroll-behavior:auto!important;
    touch-action:pan-y!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-gutter:auto;
  }
  .vsg-playlist-layout{overflow:visible!important;}
}


/* v1.3.7 — Mobile: a playlist vira um carrossel horizontal abaixo do player principal. */
@media (max-width:600px){
  .vsg-playlist-layout{
    gap:12px!important;
    padding:10px!important;
    border-radius:16px!important;
  }
  .vsg-playlist{
    display:flex!important;
    flex-direction:row!important;
    align-items:stretch!important;
    gap:10px!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:2px 2px 8px!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-inline:2px!important;
    scroll-behavior:smooth!important;
    overscroll-behavior-x:contain!important;
    overscroll-behavior-y:auto!important;
    touch-action:auto!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    scrollbar-gutter:auto!important;
  }
  .vsg-playlist::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
  .vsg-playlist-item{
    --vsg-thumb-width:118px;
    flex:0 0 min(82vw,330px)!important;
    width:min(82vw,330px)!important;
    min-width:min(82vw,330px)!important;
    min-height:84px!important;
    max-height:94px!important;
    grid-template-columns:var(--vsg-thumb-width) minmax(0,1fr)!important;
    gap:12px!important;
    padding:8px!important;
    border-radius:14px!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:normal!important;
    box-shadow:0 5px 16px rgba(0,0,0,.10)!important;
  }
  .vsg-playlist-item:hover{transform:none!important}
  .vsg-playlist-item.is-active{
    box-shadow:inset 0 -3px 0 var(--vsg-accent),0 5px 16px rgba(0,0,0,.10)!important;
  }
  .vsg-playlist-item img{
    width:var(--vsg-thumb-width)!important;
    border-radius:10px!important;
  }
  .vsg-playlist-item span{
    font-size:13px!important;
    line-height:1.3!important;
    -webkit-line-clamp:2!important;
  }
}

/* v1.3.8 — Mobile cinematic cards (referência enviada pelo cliente). */
.vsg-mobile-overlay{display:none!important}
@media (max-width:600px){
  .vsg-layout-playlist .vsg-playlist-layout{
    display:block!important;
    padding:0!important;
    background:transparent!important;
    border-radius:0!important;
    overflow:visible!important;
  }
  .vsg-layout-playlist .vsg-main-player{display:none!important}
  .vsg-layout-playlist .vsg-playlist{
    display:flex!important;
    flex-direction:column!important;
    gap:16px!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    padding:0!important;
    scroll-snap-type:none!important;
    touch-action:pan-y!important;
  }
  .vsg-layout-playlist .vsg-playlist-item{
    position:relative!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:16/7.6!important;
    padding:0!important;
    margin:0!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:20px!important;
    overflow:hidden!important;
    background:#0a0d14!important;
    box-shadow:0 10px 28px rgba(0,0,0,.18)!important;
    transform:none!important;
  }
  .vsg-layout-playlist .vsg-playlist-item.is-active{
    border-color:rgba(255,255,255,.16)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.18)!important;
  }
  .vsg-layout-playlist .vsg-playlist-item img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    border-radius:0!important;
    margin:0!important;
    padding:0!important;
    transform:scale(1.01);
  }
  .vsg-layout-playlist .vsg-playlist-item:after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(180deg,rgba(0,0,0,.03) 22%,rgba(0,0,0,.12) 48%,rgba(0,0,0,.86) 100%);
    pointer-events:none;
  }
  .vsg-layout-playlist .vsg-desktop-title{display:none!important}
  .vsg-layout-playlist .vsg-mobile-overlay{
    position:absolute!important;
    left:18px!important;
    right:18px!important;
    bottom:17px!important;
    z-index:3!important;
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    pointer-events:none!important;
  }
  .vsg-layout-playlist .vsg-mobile-play-icon{
    flex:0 0 52px!important;
    width:52px!important;
    height:52px!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    background:#fff!important;
    box-shadow:0 8px 22px rgba(0,0,0,.26)!important;
  }
  .vsg-layout-playlist .vsg-mobile-play-icon i{
    display:block!important;
    width:0!important;
    height:0!important;
    margin-left:4px!important;
    border-top:8px solid transparent!important;
    border-bottom:8px solid transparent!important;
    border-left:13px solid var(--vsg-accent)!important;
  }
  .vsg-layout-playlist .vsg-mobile-copy{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:3px!important;
    color:#fff!important;
  }
  .vsg-layout-playlist .vsg-mobile-copy strong{
    display:block!important;
    color:#fff!important;
    font-size:20px!important;
    line-height:1.12!important;
    font-weight:700!important;
    letter-spacing:-.01em!important;
    white-space:normal!important;
    overflow:visible!important;
  }
  .vsg-layout-playlist .vsg-mobile-copy small{
    display:block!important;
    color:rgba(255,255,255,.92)!important;
    font-size:14px!important;
    line-height:1.3!important;
    font-weight:400!important;
  }
  .vsg-layout-playlist .vsg-playlist-item.is-mobile-playing{
    aspect-ratio:16/9!important;
  }
  .vsg-layout-playlist .vsg-playlist-item.is-mobile-playing:after,
  .vsg-layout-playlist .vsg-playlist-item.is-mobile-playing > img,
  .vsg-layout-playlist .vsg-playlist-item.is-mobile-playing > .vsg-desktop-title,
  .vsg-layout-playlist .vsg-playlist-item.is-mobile-playing > .vsg-mobile-overlay{
    display:none!important;
  }
  .vsg-layout-playlist .vsg-mobile-media{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    background:#000!important;
    overflow:hidden!important;
  }
  .vsg-layout-playlist .vsg-mobile-media iframe{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    border:0!important;
  }
  .vsg-layout-playlist .vsg-mobile-media .vsg-custom-controls{
    left:12px!important;
    bottom:12px!important;
  }
}
@media(max-width:420px){
  .vsg-layout-playlist .vsg-playlist-item{aspect-ratio:16/7.9!important;border-radius:18px!important}
  .vsg-layout-playlist .vsg-mobile-overlay{left:16px!important;right:14px!important;bottom:14px!important;gap:12px!important}
  .vsg-layout-playlist .vsg-mobile-play-icon{flex-basis:48px!important;width:48px!important;height:48px!important}
  .vsg-layout-playlist .vsg-mobile-copy strong{font-size:18px!important}
  .vsg-layout-playlist .vsg-mobile-copy small{font-size:13px!important}
}


/* v1.3.9 — Playlist desktop mais moderna, com ícone de play inspirado no mobile. */
@media (min-width:901px) {
  .vsg-layout-playlist .vsg-playlist{gap:10px!important;padding-right:8px!important}
  .vsg-layout-playlist .vsg-playlist-item{
    --vsg-thumb-width:clamp(118px,10.5vw,158px);
    position:relative!important;
    min-height:96px!important;
    max-height:none!important;
    grid-template-columns:var(--vsg-thumb-width) minmax(0,1fr)!important;
    gap:14px!important;
    padding:9px!important;
    border-radius:18px!important;
    background:linear-gradient(145deg,var(--vsg-card),color-mix(in srgb,var(--vsg-card) 88%,#fff 12%))!important;
    border:1px solid color-mix(in srgb,var(--vsg-border) 78%,transparent)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.13)!important;
    isolation:isolate;
  }
  .vsg-layout-playlist .vsg-playlist-item:before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:linear-gradient(90deg,color-mix(in srgb,var(--vsg-accent) 7%,transparent),transparent 44%);
    opacity:0;
    transition:opacity .22s ease;
    pointer-events:none;
    z-index:-1;
  }
  .vsg-layout-playlist .vsg-playlist-item:hover{
    transform:translateY(-2px)!important;
    border-color:color-mix(in srgb,var(--vsg-accent) 42%,var(--vsg-border))!important;
    box-shadow:0 14px 32px rgba(0,0,0,.19)!important;
  }
  .vsg-layout-playlist .vsg-playlist-item:hover:before{opacity:1}
  .vsg-layout-playlist .vsg-playlist-item.is-active{
    border-color:var(--vsg-accent)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.2),inset 3px 0 0 var(--vsg-accent)!important;
  }
  .vsg-layout-playlist .vsg-desktop-thumb{
    position:relative!important;
    display:block!important;
    width:var(--vsg-thumb-width)!important;
    min-width:0!important;
    aspect-ratio:16/9!important;
    overflow:hidden!important;
    border-radius:13px!important;
    margin:0!important;
  }
  .vsg-layout-playlist .vsg-desktop-thumb:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.22));
    pointer-events:none;
  }
  .vsg-layout-playlist .vsg-desktop-thumb img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    border-radius:0!important;
    transition:transform .32s ease,filter .25s ease;
  }
  .vsg-layout-playlist .vsg-playlist-item:hover .vsg-desktop-thumb img{transform:scale(1.045);filter:brightness(.9)}
  .vsg-layout-playlist .vsg-desktop-play-icon{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%) scale(.96)!important;
    width:42px!important;
    height:42px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.94)!important;
    box-shadow:0 8px 20px rgba(0,0,0,.28)!important;
    z-index:2!important;
    transition:transform .2s ease,background .2s ease!important;
  }
  .vsg-layout-playlist .vsg-playlist-item:hover .vsg-desktop-play-icon{transform:translate(-50%,-50%) scale(1.06)!important;background:#fff!important}
  .vsg-layout-playlist .vsg-desktop-play-icon i{
    display:block!important;
    width:0!important;
    height:0!important;
    margin-left:3px!important;
    border-top:7px solid transparent!important;
    border-bottom:7px solid transparent!important;
    border-left:11px solid var(--vsg-accent)!important;
  }
  .vsg-layout-playlist .vsg-desktop-copy{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    gap:5px!important;
    min-width:0!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0 8px 0 0!important;
  }
  .vsg-layout-playlist .vsg-desktop-copy .vsg-desktop-title{
    display:-webkit-box!important;
    width:100%!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
    font-size:14px!important;
    line-height:1.3!important;
    font-weight:700!important;
    letter-spacing:-.01em!important;
    color:var(--vsg-text)!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    white-space:normal!important;
  }
  .vsg-layout-playlist .vsg-desktop-copy small{
    display:block!important;
    padding:0!important;
    margin:0!important;
    font-size:12px!important;
    line-height:1.25!important;
    font-weight:500!important;
    color:var(--vsg-muted)!important;
  }
  .vsg-layout-playlist .vsg-playlist-item.is-active .vsg-desktop-copy small{color:color-mix(in srgb,var(--vsg-accent) 75%,#fff 25%)!important}
}

/* O layout mobile da v1.3.8 permanece exatamente no formato de cards grandes. */
@media (max-width:900px){
  .vsg-layout-playlist .vsg-desktop-thumb{display:contents!important}
  .vsg-layout-playlist .vsg-desktop-play-icon,.vsg-layout-playlist .vsg-desktop-copy{display:none!important}
}


/* v1.3.10 — correção de isolamento dos cards da playlist desktop. */
@media (min-width:901px){
  .vsg-layout-playlist .vsg-playlist-item{
    box-sizing:border-box!important;
    height:104px!important;
    min-height:104px!important;
    max-height:104px!important;
    overflow:hidden!important;
    grid-template-columns:minmax(120px,42%) minmax(0,1fr)!important;
    align-items:center!important;
  }
  .vsg-layout-playlist .vsg-desktop-thumb{
    width:100%!important;
    max-width:170px!important;
    height:84px!important;
    aspect-ratio:auto!important;
    align-self:center!important;
  }
  .vsg-layout-playlist .vsg-desktop-copy{
    min-width:0!important;
    width:100%!important;
    overflow:hidden!important;
  }
  .vsg-layout-playlist .vsg-desktop-copy .vsg-desktop-title{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  /* Nunca permita que o player mobile/iframe seja renderizado dentro da lista desktop. */
  .vsg-layout-playlist .vsg-playlist-item .vsg-mobile-overlay,
  .vsg-layout-playlist .vsg-playlist-item .vsg-mobile-media,
  .vsg-layout-playlist .vsg-playlist-item > iframe,
  .vsg-layout-playlist .vsg-playlist-item iframe{
    display:none!important;
  }
}