Acabei de começar este novo trabalho, onde como designer eu tenho que manter o arquivo CSS para o nosso aplicativo da web. Agora, ele abrange quase 7 mil linhas, pesa mais de 160kb e tem centenas de importantes regras.

Eu gostaria de reorganizar o arquivo, dividi-lo em subseções, limpá-lo e homogeneizar sua sintaxe.

Mas parece um grande empreendimento, e o arquivo e o aplicativo são tão grandes e complexos que eu me pergunto se isso é possível mesmo sem quebrar alguma coisa (e não vê-lo).

Eu auditei o arquivo usando ferramentas online, e parece que posso usar algum tipo de refatoração automatizada sem arriscar muito. Eu também tentei algumas ferramentas para verificar se os seletores são realmente utilizados, o problema é que este aplicativo da web é escrito completamente em javascript, então a coisa toda é dinâmica e ferramentas regulares são praticamente inutilizáveis ​​(sem links apropriados para seguir, nenhum mapa do site etc)

Vocês têm alguma recomendação sobre como proceder, por onde começar e se vale a pena o meu tempo?