diff --git a/templates/editor.html b/templates/editor.html
index d210f1a..fdac786 100644
--- a/templates/editor.html
+++ b/templates/editor.html
@@ -52,8 +52,8 @@ body{font-family:'Segoe UI',system-ui,sans-serif;background:var(--bg);color:var(
 .hmi-card.type-motor,.hmi-card.type-output,.hmi-card.type-burner{background:var(--red)}
 .hmi-card.on.type-motor,.hmi-card.on.type-output{background:var(--green)}
 .hmi-card.on.type-burner{background:var(--amber)}
-.hmi-card.type-automation{background:var(--card);border:2px solid var(--blue)}
-.hmi-card.on.type-automation{background:rgba(45,127,249,0.15);border-color:var(--blue)}
+.hmi-card.type-automation{background:var(--red);border:none}
+.hmi-card.on.type-automation{background:var(--green)}
 
 .hmi-card .card-label{font-size:18px;color:var(--text2);text-align:center}
 .hmi-card .card-value{font-size:28px;font-weight:700}
@@ -490,20 +490,19 @@ function createCardEl(c) {
     el.onclick = () => { if (mode === 'preview') toggleSim(c.id); };
   } else if (c.type === 'automation') {
     // Automation card — combines outputs, speeds, temp setpoints
-    el.innerHTML += `<div class="card-label" onclick="if(mode==='edit'){event.stopPropagation();renameCard('${c.id}')}" style="font-size:16px">${c.label}</div>`;
+    el.innerHTML += `<div class="card-label" onclick="if(mode==='edit'){event.stopPropagation();renameCard('${c.id}')}" style="font-size:24px;font-weight:700">${c.label}</div>`;
     const rules = c.rules || [];
     if (rules.length === 0) {
       el.innerHTML += `<div class="card-sub" style="text-align:center">No rules configured<br>Click to edit in edit mode</div>`;
     } else {
-      let rulesHtml = '<div style="width:100%;font-size:11px;color:var(--text2);text-align:left;padding:0 4px;overflow:hidden">';
+      let rulesHtml = '<div style="width:100%;font-size:12px;color:var(--text2);text-align:left;padding:0 8px;overflow:hidden">';
       rules.forEach(r => {
         const icon = r.type === 'temp' ? '🌡' : r.type === 'motor' ? '⚙' : r.type === 'output' ? '⚡' : '●';
-        rulesHtml += `<div style="padding:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">${icon} ${r.label || r.target}: ${r.action || ''} ${r.value !== undefined ? r.value : ''}</div>`;
+        rulesHtml += `<div style="padding:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">${icon} ${r.label || r.target}: ${r.action || ''} ${r.value !== undefined ? r.value : ''}</div>`;
       });
       rulesHtml += '</div>';
       el.innerHTML += rulesHtml;
     }
-    el.innerHTML += `<div class="card-value" style="font-size:20px">${s.on ? 'ACTIVE' : 'IDLE'}</div>`;
     el.onclick = () => {
       if (mode === 'edit') { event.stopPropagation(); editAutomation(c); }
       else if (mode === 'preview') toggleSim(c.id);