.b1p-wrap{font-family:system-ui,Arial,sans-serif;max-width:760px;margin:24px auto;padding:16px}
.b1p-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}
.b1p-brand{font-size:20px;font-weight:700}
.b1p-tagline{opacity:0.7;font-size:14px}
.b1p-player{border:1px solid #ddd;border-radius:12px;padding:12px;background:#fff}
.b1p-controls{display:flex;gap:8px;margin:8px 0}
.b1p-now{margin:8px 0;font-weight:600}
.b1p-list{margin:6px 0 0;padding-left:20px;max-height:42vh;overflow:auto;padding-right:8px}
@media (max-width:640px){.b1p-list{max-height:55vh}}
.b1p-list li{cursor:pointer;margin:4px 0;padding:2px 4px;border-radius:6px}
.b1p-list li.playing{background:#111;color:#fff}
.b1p-shortcode .b1p-open{padding:10px 14px;border-radius:999px;border:1px solid #ddd;cursor:pointer}
.b1p-note{font-size:12px;opacity:.75;margin-top:6px}

#b1rp .toolbar{margin:10px 0;display:flex;gap:10px;align-items:center}
#b1rp .muted{opacity:.7}
.b1rp-list{list-style:none;margin:0;padding:0}
.b1rp-list li{display:flex;gap:8px;align-items:center;border:1px solid #e3e3e3;border-radius:8px;padding:8px;margin:6px 0;background:#fff;cursor:grab}
.b1rp-list .drag{cursor:grab}
.b1rp-list input.title{flex:1}
.b1rp-list .url{flex:1;opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.b1p-footer{position:fixed;left:0;right:0;bottom:0;z-index:99999;display:flex;justify-content:center;pointer-events:none}
.b1p-footer-btn{pointer-events:auto;margin:10px;padding:12px 18px;border-radius:999px;background:#111;color:#fff;text-decoration:none;font-weight:700;box-shadow:0 10px 20px rgba(0,0,0,.15)}
.b1p-footer-btn:hover{opacity:.9}