How to save css changes through browser?

Question

css

Is there a browser plugin that allows you to save changes made to css in the browser development environment?
I found several solutions myself, but I will explain what they do not suit me.
1.Emmet LiveStyle for Sublime Text IDE.
The disadvantages of the solution are that you need to open the css file with styles in advance, this is not convenient.
I would like to edit the styles through the browser without looking back at the files and save them.
2. DevTools Autosave for Chrome
To make changes, you first need to find a css file, the difficulty is that the files
for the page can be scattered across different folders and free editing
of all page styles will not work.
3. LiveEdit for PHPStrorm.
Not suitable, since in my case I need the reverse task - editing from the browser to the IDE, and not from the IDE to the browser.
4. css x fire for PHP Storm IDE and Mozilla Firefox Firebug
This was my hope but couldn't install. Is it still relevant? If the solution is working, please help with the installation.
Probably a simple question, but finding information from scratch is not easy in our spammy search.

Answer 1

https://developer.mozilla.org/en-US/docs/Tools/Sty...

Answer 2

2. What is the difficulty with point 2? Directly in the inspector there is a link to the file.
When you add a new property, it is written to a separate file by default
. But you can click on the triangle and immediately choose where to save it.