Posso editar os arquivos CSS do meu projeto angular diretamente do Chrome DevTool

Qual é a maneira mais eficiente de estilizar componentes nas ferramentas de desenvolvimento do navegador com o encapsulamento de exibição padrão (emulado)?

Meu fluxo de trabalho atual envolve muitas cópias e colagens tediosas das ferramentas de desenvolvimento como esta:

s ferramentas de desenvolvimento do @Chrome podem salvar as alterações de estilo feitas no DOM no arquivo css de origem alvar alterações no disco com áreas de trabal), mas não sei se isso funcionará com a maneira como Angular e Webpack usam estilos de componentes emulado

Tem que haver um fluxo de trabalho mais rápido do que o que estou fazendo atualmente. Alguma dica?