Подскажите, есть ли приложение или онлайн-сервис, с помощью которого можно "почистить" стили в html-файле в таком плане: вытянуть стили изо всех тегов style и сформировать соответствующие правила css, а вместо каждого тега style вставить соответствующий класс css.
Например, из такого:

<!-- Файл test.html -->
<div style="width:600px;margin:auto;padding:10px 0px 10px;cursor:pointer;color:#336699;font-style:italic;font-size:18px;" 
                  onClick="toggleText('addmessage')">
        <span style="border-bottom:1px dotted #336699;">
            Добавить сообщение
        </span>
</div>
<div id="addmessage" style="width:600px; margin:auto;padding:10px 0px 10px;display:none;">
... и т.д.

Получить что-то вроде этого:

<!-- Файл test.html -->
<div class="class_1" 
                  onClick="toggleText('addmessage')">
        <span class="class_3">
            Добавить сообщение
        </span>
</div>
<div id="addmessage" class="class_2">
...
<!-- Файл style.css -->
    .class_1, .class_2 
    {
        width:600px;
        margin:auto;
        padding:10px 0px 10px;
    }
    
    .class_1 
    {
        cursor:pointer;
        color:#336699;
        font-style:italic;
        font-size:18px;
    }

    .class_2
    {
        display:none;
    }

    class_3
    {
        border-bottom:1px dotted #336699;
    }

Надеюсь, понятно изложил.