VSCodeでHTML、CSSファイルが突然開けなくなりました

解決したいこと

はじめまして、現在webコーディングの勉強中です。
VScodeで作成しているのですが、ファイルが開けずに困っています。
初歩的な質問かもしれませんが、もしわかる方がいればよろしくお願いいたします。

発生している問題・エラー

上記画像の左カラムがHTML、右がCSSのファイルを開いた状態です。
このファイルはバイナリか、サポートされていないテキストエンコードを仕様してるため、エディタに表示されません。このまま開きますか？と表示されます。
このままひらきますか？を押すと文字化けが出ます。
もしかしてHTMLは中身が全て消えてしまっているのでしょうか。
Chromeで開いても真っ白でデベロッパツールで確認したところタグは全て空欄になっていました。

自分で試したこと

vscodeの再起動、パソコンの再起動、ファイル名のリネーム、vscodeのエンコードの自動認識オン、ファイルの場所を外付けからパソコン本体に移動、右下のエンコードを変更してみる、などなどです。

どうぞよろしくお願いいたします。

追記

htmlの中身がまだあった時のスクリーンショットを追加します。
CSSは依然今もこのままです。