fix: компактный лейаут — модельки в хедер, меньше отступов

public/index.html

@@ -28,22 +28,22 @@
 <div class="page">
   <div class="main">
     <div class="card">
-      <div class="card-header">
+      <div class="card-header" style="display:flex;align-items:center;gap:10px;">
-        Управление
+        <span>Управление</span>
-        <span style="float:right;cursor:pointer;" id="btnTheme">🌙</span>
+        <span style="display:flex;gap:6px;margin:0 auto;">
-      </div>
-      <div class="card-body">
-        <div style="display:flex;gap:8px;margin-bottom:8px;">
           <span class="tag">🤖 GPT-OSS-120B</span>
           <span class="tag">🎤 Whisper-v3-Turbo</span>
-        </div>
+        </span>
-        <canvas id="meter" width="400" height="60" style="width:100%;border-radius:6px;background:var(--grey-light);margin-bottom:8px;"></canvas>
+        <span style="cursor:pointer;font-size:16px;" id="btnTheme">🌙</span>
-        <div style="display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;">
+      </div>
+      <div class="card-body" style="padding:.75rem 1rem;">
+        <canvas id="meter" width="400" height="48" style="width:100%;border-radius:6px;background:var(--grey-light);margin-bottom:6px;"></canvas>
+        <div style="display:flex;gap:.5rem;align-items:center;">
           <button id="btnRecord" class="btn btn-primary">🎙 Записать</button>
           <button id="btnPlay" class="btn" disabled>▶ Прослушать</button>
           <button id="btnReset" class="btn">🗑 Сброс</button>
         </div>
-        <div id="status" class="status"></div>
+        <div id="status" class="status" style="margin-top:4px;"></div>
       </div>
     </div>