Kleine Anpassungen

wwwroot/css/style.css

@@ -15,21 +15,6 @@ body, input, select, button, textarea {
   color: #eee;
 }
 
-/* ── Header ── */
-
-header {
-  padding: 1em 2em;
-  border-bottom: 1px solid #444;
-  display: flex;
-  align-items: center;
-  gap: 1em;
-  flex-shrink: 0;
-}
-
-header h1 {
-  font-size: 1em;
-}
-
 button, select, textarea {
   padding: .5em;
   border: 1px solid #444;
@@ -50,17 +35,34 @@ textarea {
   min-height: 8em;
 }
 
-.system-toggle {
+.toggle {
   display: flex;
   align-items: center;
   gap: .5em;
   margin-left: auto;
 }
 
-.system-toggle label {
+.toggle label {
   cursor: pointer;
 }
 
+/* ── Header ── */
+
+header {
+  padding: 1em 2em;
+  border-bottom: 1px solid #444;
+  display: flex;
+  align-items: center;
+  gap: 1em;
+  flex-shrink: 0;
+}
+
+header h1 {
+  font-size: 1em;
+}
+
+/* ── System Promp ── */
+
 #systemPrompt {
   display: none;
   width: calc(100% - 2em);

wwwroot/index.html

@@ -15,7 +15,7 @@
     <option value="opus">Opus 4.6</option>
   </select>
   <button class="clear-btn" id="clearBtn">Clear</button>
-  <div class="system-toggle">
+  <div class="toggle">
     <input type="checkbox" id="showSystem">
     <label for="showSystem">System Prompt</label>
   </div>