Flutterでcurlを送信したいが、エラーになる

今回、payjpを使ってクレカ登録をする際に、トークンを作成しないといけなく、
このdocsのトークンを作成という項目を参考に、
クレカ情報を入力してもらう→作られたトークンを送信する、と言ったフローを書いています。

その上で進めているうちに躓いたところがあり、質問させていただきました。

参考docsの通り、以下のようなcurlを送信したいです。

carl
1curl https://api.pay.jp/v1/tokens \
2-u キー: \
3-H "X-Payjp-Direct-Token-Generate: true" \
4-d "card[number]=4242424242424242" \
5-d "card[cvc]=123" \
6-d "card[exp_month]=02" \
7-d "card[exp_year]=2024"

https://curl.trillworks.com
上記のツールを使って、flutter用に生成したのが以下のコードです。

void token() async {
  print('token開始！');

  var uname = 'キー';
  var pword = '';
  var authn = 'Basic ' + base64Encode(utf8.encode('$uname:$pword'));

  var headers = {
    'X-Payjp-Direct-Token-Generate': 'true',
    'Authorization': authn,
  };

  var data = {
    'card[number]': '4242424242424242',
    'card[cvc]': '123',
    'card[exp_month]': '02',
    'card[exp_year]': '2024',
  };

  var res = await http.post('https://api.pay.jp/v1/tokens',
      headers: headers, body: data);
  if (res.statusCode != 200)
    throw Exception('http.post error: statusCode= ${res.statusCode}');
  print(res.body);
}

走らせてみたところ、以下のエラーが出ます。