Acabo de comenzar este nuevo trabajo, donde como diseñador tengo que mantener el archivo CSS para nuestra aplicación web. En este momento abarca casi 7000 líneas, pesa más de 160 kb y tiene cientos de reglas importantes.

Me gustaría reorganizar el archivo, dividirlo en subsecciones, limpiarlo y homogeneizar su sintaxis.

Pero parece una empresa enorme, y el archivo y la aplicación son tan grandes y complejos que me pregunto si es factible sin romper algo (y no verlo).

He auditado el archivo utilizando herramientas en línea, y parece que puedo usar algún tipo de refactorización automática sin arriesgar demasiado. También he probado algunas herramientas para verificar si realmente se usan los selectores, el problema es que esta aplicación web está escrita completamente en javascript, por lo que todo es dinámico y las herramientas regulares son prácticamente inutilizables (no hay enlaces adecuados a seguir, no hay mapa del sitio). etc.)

¿Tienen alguna recomendación sobre cómo proceder, dónde comenzar y si vale la pena dedicarles mi tiempo?