.vidpl-wrap { --vidpl-accent: #0ea5e9; --vidpl-bg: #ffffff; --vidpl-text:#111827; --vidpl-muted:#6b7280; --vidpl-surface:#f9fafb; --vidpl-radius: 12px; --vidpl-gap: 12px; }
.vidpl-theme-dark { --vidpl-bg:#0b0f19; --vidpl-text:#f8fafc; --vidpl-muted:#9ca3af; --vidpl-surface:#0f172a; }
.vidpl-theme-brand { /* same as light but accent from brand */ }

.vidpl-wrap { color: var(--vidpl-text); }
.vidpl-wrap .vidpl-header{ display:flex; align-items:center; gap:8px; margin-bottom: var(--vidpl-gap); }
.vidpl-wrap .vidpl-title { font-weight:700; font-size:1.125rem; margin:0; }
.vidpl-wrap .vidpl-desc { color: var(--vidpl-muted); margin:4px 0 0; }

.vidpl-continue-btn{ 
  display:inline-flex; align-items:center; gap:8px;
  border:1px solid rgba(0,0,0,.1); border-radius: var(--vidpl-radius);
  background: var(--vidpl-bg); color: var(--vidpl-text);
  padding:8px 12px; line-height:1.2; cursor:pointer;
  box-shadow: 0 1px 2px rgba(0,0,0,.06);
}
.vidpl-continue-btn:hover{ border-color: rgba(0,0,0,.2); }
.vidpl-continue-btn .vidpl-ic{ display:inline-block; width:1em; height:1em; border-radius:999px; background: var(--vidpl-accent); box-shadow: 0 0 0 2px rgba(0,0,0,.06) inset; }
.vidpl-continue-btn.sticky{ position: sticky; top: 8px; z-index: 20; }

/* Accent text & chips */
.vidpl-wrap a { color: var(--vidpl-accent); }
.vidpl-wrap .vidpl-chip { background: var(--vidpl-surface); border-radius: 999px; padding:2px 8px; color: var(--vidpl-muted); }