fix: prevent class conflict

Author: Loïc Mangeonjean

demo/index.html

@@ -30,10 +30,10 @@ <h1>Editor</h1>
 
       <h1>Settings</h1>
       <button id="settingsui">Open settings UI</button>
-      <div id="settings-editor" class="editor"></div>
+      <div id="settings-editor" class="standalone-editor"></div>
       <h1>Keybindings</h1>
       <button id="keybindingsui">Open keybindings UI</button>
-      <div id="keybindings-editor" class="editor"></div>
+      <div id="keybindings-editor" class="standalone-editor"></div>
     </div>
     <script type="module" src="/src/main.ts"></script>
   </body>

demo/src/style.css

@@ -33,7 +33,7 @@ body {
   height: 30vh;
 }
 
-.editor {
+.standalone-editor {
   width: 100%;
   height: 55vh;
 }