.creacta-playlist{--cp-bg:#0b0b0d;--cp-surface:#151518;--cp-border:rgba(255,255,255,.1);--cp-text:#fff;--cp-muted:rgba(255,255,255,.62);--cp-accent:#ff2d2d;--cp-radius:16px;--cp-gap:12px;--cp-card-width:220px;width:100%;max-width:var(--cp-max-width,1280px);margin:0 auto;color:var(--cp-text);font-family:inherit;box-sizing:border-box}
.creacta-playlist--light{--cp-bg:#f4f4f5;--cp-surface:#fff;--cp-border:rgba(0,0,0,.12);--cp-text:#151518;--cp-muted:rgba(0,0,0,.58)}
.creacta-playlist *,.creacta-playlist *:before,.creacta-playlist *:after{box-sizing:border-box}
.creacta-playlist__player-wrap{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:var(--cp-radius);overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.2)}
.creacta-playlist__player,.creacta-playlist__iframe{width:100%;height:100%}
.creacta-playlist__iframe iframe{display:block;width:100%;height:100%;border:0}
.creacta-playlist__lazy-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#080809;color:rgba(255,255,255,.7);font-size:14px}
.creacta-playlist__spinner{width:28px;height:28px;border:2px solid rgba(255,255,255,.22);border-top-color:#fff;border-radius:50%;animation:cp-spin .8s linear infinite}
@keyframes cp-spin{to{transform:rotate(360deg)}}
.creacta-playlist__toolbar{display:flex;align-items:center;gap:18px;padding:14px 2px 12px}
.creacta-playlist__counter{flex:0 0 auto;font-size:13px;font-weight:700;letter-spacing:.06em}.creacta-playlist__separator{color:var(--cp-muted)}.creacta-playlist__total{color:var(--cp-muted)}
.creacta-playlist__hint{flex:1;color:var(--cp-muted);font-size:13px}.creacta-playlist__mobile-hint{display:none}
.creacta-playlist__controls{display:flex;gap:7px}.creacta-playlist__nav{width:36px;height:36px;border:1px solid var(--cp-border);border-radius:50%;background:var(--cp-surface);color:var(--cp-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:27px;line-height:1}
.creacta-playlist__rail{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent;padding:2px 2px 10px;-webkit-overflow-scrolling:touch;touch-action:pan-x}
.creacta-playlist__track{display:flex;gap:var(--cp-gap);width:max-content;min-width:var(--cp-track-min-width,100%);padding:0}
.creacta-playlist__item{position:relative;display:flex;flex-direction:column;gap:7px;width:var(--cp-card-width);flex:0 0 var(--cp-card-width);padding:0;border:0;background:transparent;color:var(--cp-text);text-align:left;cursor:pointer;font:inherit;min-width:0}
.creacta-playlist__thumb-wrap{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:calc(var(--cp-radius) - 5px);background:#1a1a1d;border:2px solid transparent;transition:.2s}
.creacta-playlist__thumb{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.creacta-playlist__item:hover .creacta-playlist__thumb{transform:scale(1.04)}
.creacta-playlist__play{position:absolute;left:50%;top:50%;width:42px;height:42px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(0,0,0,.72);color:#fff;font-size:14px;opacity:0}
.creacta-playlist__item:hover .creacta-playlist__play,.creacta-playlist__item.is-active .creacta-playlist__play{opacity:1}
.creacta-playlist__number{position:absolute;left:8px;bottom:8px;min-width:29px;height:22px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:rgba(0,0,0,.72);color:#fff;font-size:11px;font-weight:800}
.creacta-playlist__active{position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--cp-accent);transform:scaleX(0);transform-origin:left;transition:.2s}
.creacta-playlist__item.is-active .creacta-playlist__thumb-wrap{border-color:var(--cp-accent);box-shadow:0 0 0 1px rgba(255,45,45,.18)}.creacta-playlist__item.is-active .creacta-playlist__active{transform:scaleX(1)}
.creacta-playlist__title{display:block;padding:0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--cp-text);font-size:12px;line-height:1.35}.creacta-playlist--no-titles .creacta-playlist__title{display:none}
.creacta-playlist__skeleton{width:var(--cp-card-width);min-width:var(--cp-card-width);aspect-ratio:16/9;border-radius:11px;background:linear-gradient(90deg,#151518 25%,#222227 50%,#151518 75%);background-size:200% 100%;animation:cp-skeleton 1.2s infinite}
@keyframes cp-skeleton{to{background-position:-200% 0}}
.creacta-playlist__message,.creacta-playlist__error,.creacta-playlist__noscript,.creacta-playlist-error{padding:18px;border-radius:10px;background:var(--cp-surface);color:var(--cp-muted);font-size:14px}.creacta-playlist__message{min-width:100%}
@media(max-width:900px){.creacta-playlist__track{min-width:var(--cp-track-min-width,100%)}}
@media(max-width:640px){.creacta-playlist{--cp-radius:10px}.creacta-playlist__toolbar{padding:11px 0 9px;gap:10px}.creacta-playlist__desktop-hint{display:none}.creacta-playlist__mobile-hint{display:inline}.creacta-playlist__controls{display:none}.creacta-playlist__track{grid-auto-columns:calc((100% - (var(--cp-mobile) - 1)*9px)/var(--cp-mobile));gap:9px}.creacta-playlist__title{font-size:11px}.creacta-playlist__thumb-wrap{border-radius:9px}.creacta-playlist__play{width:36px;height:36px;opacity:1;font-size:12px}.creacta-playlist__rail{padding-bottom:8px}}
@media(prefers-reduced-motion:reduce){.creacta-playlist *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}