CSS live editing - Play framework

i have made a webpage and now it is "feature-complete". As a next step i want to put some style to it.

The project is based on the Play framework and i choose SCSS as my CSS alternative (with an SBT plugin to convert SCSS -> CSS).

Every time i change some CSS i have to reload the page in the browser, which takes a while, see if i like it and keep or revert. Then start over.

This workflow does not seem right to me. How do you style a webpage built with Play (specifically: i use Play templates, so i cannot just copy every piece of HTML into a CSS editor and style everything from there)?

The best way that i found is to change the CSS directly in Chrome, remember the changes and apply them to the source file later on.

Is there a more "automatic" way of doing things? Any nice editors or browser plugins that change the source file directly? What am i missing? What are other people, using Play framework (or other templating systems) doing?

Thank you!