/* Theme-friendly styles with accent variable */
.aprw21-heading{margin:.5rem auto; max-width:var(--aprw-width, 900px);}
.aprw20-player{max-width:900px;margin:1rem auto;padding:1rem;border:1px solid rgba(0,0,0,.06);border-radius:12px;background:var(--aprw-bg,#fafafa);--aprw-accent: #2b6cb0}
.aprw20-btn{padding:.5rem .75rem;border:1px solid rgba(0,0,0,.1);background:transparent;border-radius:8px;cursor:pointer}
.aprw20-btn:hover{border-color:var(--aprw-accent);}
.aprw20-ui{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem}
.aprw20-loop{margin-left:auto;font-size:.9em}
.aprw20-now{display:flex;gap:.75rem;align-items:center;margin-bottom:.5rem}
.aprw20-now-cover{width:64px;height:64px;border-radius:8px;background:#e9e9e9;background-size:cover;background-position:center}
.aprw20-now-title{font-weight:700}
.aprw20-now-sub{font-size:.85em;opacity:.75}
.aprw20-ol{list-style:none;margin:0;padding:0}
.aprw20-li{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;margin:.35rem 0;border:1px solid rgba(0,0,0,.06);border-radius:8px;cursor:pointer;background:#fff}
.aprw20-li .aprw20-handle{font-weight:700;opacity:.5;cursor:grab}
.aprw20-badge{margin-left:auto;font-size:.75em;padding:.15rem .5rem;border-radius:999px;background:rgba(0,0,0,.06)}
.aprw20-li.is-active{outline:2px solid color-mix(in srgb, var(--aprw-accent) 30%, transparent)}
/* Admin pieces (reuse) */
.aprw20-top{display:flex;gap:.5rem;align-items:center;margin-bottom:10px}
.aprw20-shortcode{width:320px}
.aprw20-small{opacity:.7}
.aprw20-buttons{display:flex;gap:.5rem;margin:10px 0}
.aprw20-list{list-style:none;margin:0;padding:0}
.aprw20-item{display:flex;gap:.5rem;align-items:flex-start;border:1px solid #e5e5e5;background:#fff;border-radius:8px;padding:.5rem .75rem;margin:.5rem 0}
.aprw20-item .aprw20-handle{font-weight:700;opacity:.5;cursor:grab;margin-top:.3rem}
.aprw20-cover{width:56px;height:56px;border-radius:6px;background:#f3f3f3;object-fit:cover}
.aprw20-fields{flex:1}
.aprw20-row{display:flex;gap:.5rem;align-items:center;margin:.25rem 0}
.aprw20-desc textarea{width:100%}