.gmp-player{
    --gmp-primary:#6d5dfc;
    --gmp-primary-dark:#4f46e5;
    --gmp-text:#f8fafc;
    --gmp-muted:#9ca3af;
    --gmp-panel:#111827;
    --gmp-panel-2:#182131;
    display:block;
    width:100%;
    max-width:100%;
    min-width:0;
    margin:24px 0;
    padding:0;
    overflow:visible;
    font-family:inherit;
    color:var(--gmp-text);
    container-type:inline-size;
    container-name:gmp-player;
}
.gmp-player,.gmp-player *{box-sizing:border-box}
.gmp-player button,.gmp-player video,.gmp-player iframe{max-width:100%}
.gmp-layout{
    display:flex;
    flex-direction:row;
    width:100%;
    max-width:100%;
    min-width:0;
    min-height:470px;
    background:linear-gradient(145deg,#101622,#171f2e);
    border:1px solid rgba(255,255,255,.08);
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 22px 60px rgba(5,10,20,.22)
}
.gmp-playlist{
    width:32%;
    flex:0 0 32%;
    min-width:250px;
    max-width:390px;
    background:linear-gradient(180deg,#171f2e,#111827);
    border-left:1px solid rgba(255,255,255,.08);
    display:flex;
    flex-direction:column;
    overflow:hidden
}
.gmp-playlist-header{
    padding:22px 20px 16px;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    border-bottom:1px solid rgba(255,255,255,.07)
}
.gmp-playlist-header>div{min-width:0}
.gmp-eyebrow{display:block;font-size:11px;color:#aaa4ff;margin-bottom:5px}
.gmp-playlist-header h3{font-size:18px;line-height:1.5;color:#fff;margin:0;overflow-wrap:anywhere}
.gmp-total-count{white-space:nowrap;font-size:11px;background:rgba(109,93,252,.17);color:#c9c5ff;border:1px solid rgba(140,126,255,.2);border-radius:999px;padding:6px 9px;flex:0 0 auto}
.gmp-playlist-items{
    padding:10px;
    display:flex;
    flex-direction:column;
    gap:6px;
    overflow-x:hidden;
    overflow-y:auto;
    max-height:520px;
    scrollbar-width:thin;
    scrollbar-color:rgba(255,255,255,.18) transparent
}
.gmp-playlist-item{
    appearance:none;
    -webkit-appearance:none;
    width:100%;
    max-width:100%;
    min-width:0;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    text-align:right;
    border:1px solid transparent;
    background:transparent;
    color:#d4d8e2;
    border-radius:12px;
    padding:11px;
    margin:0;
    cursor:pointer;
    transition:background .2s,border-color .2s,transform .2s;
    font:inherit;
    line-height:1.5
}
.gmp-playlist-item:hover{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.07);transform:translateX(-2px)}
.gmp-playlist-item:focus-visible{outline:2px solid #a79cff;outline-offset:2px}
.gmp-playlist-item.is-active{background:linear-gradient(135deg,rgba(109,93,252,.25),rgba(79,70,229,.13));border-color:rgba(139,124,255,.32);color:#fff}
.gmp-item-number{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.07);font-size:11px;color:#aeb6c7;flex:0 0 auto}
.gmp-playlist-item.is-active .gmp-item-number{background:var(--gmp-primary);color:#fff}
.gmp-item-label{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}
.gmp-item-play{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#6f7b90;background:rgba(255,255,255,.05);flex:0 0 auto}
.gmp-playlist-item.is-active .gmp-item-play{color:#fff;background:rgba(109,93,252,.5)}
.gmp-stage{
    flex:1 1 auto;
    width:68%;
    min-width:0;
    padding:18px;
    display:flex;
    flex-direction:column;
    overflow:hidden
}
.gmp-video-shell{
    position:relative;
    width:100%;
    min-width:0;
    flex:1 1 auto;
    min-height:340px;
    aspect-ratio:16/9;
    background:#05070a;
    border-radius:16px;
    overflow:hidden;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)
}
.gmp-video-container{position:absolute;inset:0;display:grid;place-items:center;transition:opacity .16s,transform .16s;overflow:hidden}
.gmp-video-container.is-loading{opacity:.25;transform:scale(.995)}
.gmp-video-container iframe,.gmp-video-container video{
    position:absolute;
    inset:0;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    max-width:none!important;
    border:0!important;
    display:block!important;
    object-fit:contain;
    background:#000;
    margin:0!important;
    padding:0!important
}
.gmp-now-playing{display:flex;align-items:center;gap:11px;padding:15px 3px 0;min-width:0}
.gmp-now-playing div{display:flex;flex-direction:column;min-width:0;flex:1}
.gmp-now-playing small{font-size:10px;color:var(--gmp-muted);margin-bottom:2px}
.gmp-now-playing strong{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:#fff}
.gmp-now-icon{height:28px;width:32px;display:flex;align-items:flex-end;justify-content:center;gap:3px;flex:0 0 auto}
.gmp-now-icon span{width:3px;border-radius:3px;background:linear-gradient(#9b8cff,var(--gmp-primary));animation:gmp-wave 1s ease-in-out infinite}
.gmp-now-icon span:nth-child(1){height:11px}.gmp-now-icon span:nth-child(2){height:21px;animation-delay:.15s}.gmp-now-icon span:nth-child(3){height:15px;animation-delay:.3s}
@keyframes gmp-wave{0%,100%{transform:scaleY(.45);opacity:.65}50%{transform:scaleY(1);opacity:1}}
.gmp-notice{width:100%;max-width:100%;padding:14px;border:1px solid #f0d38a;background:#fff8df;color:#74540a;border-radius:10px;box-sizing:border-box}

/* واکنش‌گرایی بر اساس عرض واقعی محل قرارگیری شورتکد؛ مناسب المنتور و ستون‌های قالب */
@container gmp-player (max-width:760px){
    .gmp-layout{flex-direction:column;min-height:0}
    .gmp-stage{order:1;width:100%;padding:12px}
    .gmp-playlist{order:2;width:100%;max-width:none;min-width:0;flex:0 0 auto;border-left:0;border-top:1px solid rgba(255,255,255,.08)}
    .gmp-video-shell{min-height:0;aspect-ratio:16/9}
    .gmp-playlist-items{max-height:250px}
}
@container gmp-player (max-width:480px){
    .gmp-layout{border-radius:15px}
    .gmp-stage{padding:8px}
    .gmp-video-shell{border-radius:11px}
    .gmp-now-playing{padding:11px 3px 3px}
    .gmp-playlist-header{padding:15px 13px 11px;gap:8px}
    .gmp-playlist-header h3{font-size:15px}
    .gmp-total-count{font-size:10px;padding:5px 7px}
    .gmp-playlist-items{padding:7px;max-height:220px}
    .gmp-playlist-item{grid-template-columns:auto minmax(0,1fr);padding:9px;gap:8px}
    .gmp-item-play{display:none}
    .gmp-item-label{font-size:12px}
}

/* فallback برای مرورگرهایی که container query ندارند */
@media(max-width:850px){
    .gmp-layout{flex-direction:column;min-height:0}
    .gmp-stage{order:1;width:100%;padding:12px}
    .gmp-playlist{order:2;width:100%;max-width:none;min-width:0;flex:0 0 auto;border-left:0;border-top:1px solid rgba(255,255,255,.08)}
    .gmp-video-shell{min-height:0;aspect-ratio:16/9}
    .gmp-playlist-items{max-height:250px}
}
@media(max-width:520px){
    .gmp-player{margin:16px 0}
    .gmp-layout{border-radius:15px}
    .gmp-stage{padding:8px}
    .gmp-video-shell{border-radius:11px}
    .gmp-playlist-header{padding:15px 13px 11px}
    .gmp-playlist-header h3{font-size:15px}
    .gmp-playlist-items{padding:7px;max-height:220px}
    .gmp-playlist-item{grid-template-columns:auto minmax(0,1fr);padding:9px}
    .gmp-item-play{display:none}
    .gmp-now-playing{padding:11px 3px 3px}
}
@media(prefers-reduced-motion:reduce){
    .gmp-player *{scroll-behavior:auto!important}
    .gmp-playlist-item,.gmp-video-container{transition:none!important}
    .gmp-now-icon span{animation:none!important}
}