Add A Live-Edit Style Block To A Web Page

This creates an editable region of the page that will update the page as styles are changed.

<style contenteditable style="display:block;white-space:pre;">
html {
  background: red;
}
</style>