:root{
  --bg:#0b0b0b; --card:#0f0f10; --text:#e6e6e7; --muted:#9aa0a6;
  --red:#E11D48; --orange:#F97316; --teal:#22d3ee;
}
#bujam-panel{ display:flex; justify-content:center; }
.panel-card{
  width:360px; background:linear-gradient(180deg, rgba(249,115,22,.06), rgba(225,29,72,.06)), var(--card);
  color:var(--text); border-radius:18px; padding:18px; border:1px solid rgba(255,255,255,.06);
  box-shadow:0 10px 30px rgba(0,0,0,.35);
}
.header{ text-align:center; font-weight:700; margin-bottom:10px; }
.wave{ width:100%; height:6px; background:linear-gradient(90deg,var(--red),var(--orange)); border-radius:999px; opacity:.6; margin:10px 0; }
.playring{ width:140px; height:140px; border-radius:50%; border:2px solid rgba(255,255,255,.1); margin:10px auto; position:relative; display:flex; align-items:center; justify-content:center; }
.playring::after{
  content:""; position:absolute; inset:-6px; border-radius:50%; border:2px dashed rgba(249,115,22,.35);
}
.playbtn{ width:72px; height:72px; border-radius:50%; background:linear-gradient(90deg,var(--red),var(--orange)); border:none; color:#fff; font-size:22px; cursor:pointer; }
.toggle{ display:flex; justify-content:center; gap:12px; margin:8px 0; }
.toggle .pill{ background:#151515; border:1px solid #262626; color:#fff; padding:6px 12px; border-radius:999px; cursor:pointer; }
.toggle .pill.active{ background:linear-gradient(90deg,var(--red),var(--orange)); }
.check{ display:flex; align-items:center; gap:8px; justify-content:center; margin:8px 0; }
.row{ display:flex; gap:8px; justify-content:space-between; margin:8px 0; }
.btn{ width:100%; background:linear-gradient(90deg,var(--red),var(--orange)); border:none; color:#fff; padding:12px 16px; border-radius:12px; font-weight:800; cursor:pointer; }
.badge{ text-align:center; font-size:12px; opacity:.85; margin-top:8px; }
input[type=file]{ width:100%; background:#101010; border:1px dashed #2a2a2a; color:#fff; padding:10px; border-radius:10px; }
.small{ font-size:12px; color:var(--muted); text-align:center; }

.pill{background:#1a1a1b;border:1px solid #2a2a2b;color:#fff;padding:6px 12px;border-radius:999px;cursor:pointer}
.pill.active{background:linear-gradient(90deg,var(--red),var(--orange));color:#fff;border-color:transparent}
.playbtn:disabled{filter:grayscale(1);}