.smp-player{
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  padding:12px;
  background:#111;
  color:#eee;
  max-width:700px;
}

.smp-bar{
  display:flex;
  align-items:center;
  gap:10px;
}

.smp-bar button{
  background:#22c55e;
  border:none;
  border-radius:999px;
  width:40px;
  height:40px;
  cursor:pointer;
  font-weight:bold;
}

.smp-info{
  flex:1;
  font-weight:600;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.smp-list{
  margin-top:10px;
  display:none;
}

.smp-player[data-view="list"] .smp-list{
  display:block;
}

.smp-row{
  padding:8px 0;
  cursor:pointer;
  border-bottom:1px solid rgba(255,255,255,.08);
}