Tak jak w temacie, dodaj do <style> (w sekcji <body>) atrybuty contenteditable i style="display: block;" i masz darmowy edytor css z podglądem live w przeglądarce bez javascript
[ on-line ]
<html lang="pl">
<head>
<meta charset="utf-8">
<style>
* {
transition: all 250ms;
}
style {
background-color: black;
color: white;
white-space: pre;
}
</style>
</head>
<body>
<style contenteditable style="display: block;">
body {
background-color: red;
color: white;
font-size: 2em;
font-family: system-ui;
}
</style>
</body>
</html>