diff --git a/templates/editor.html b/templates/editor.html
index 628e061..d6610dc 100644
--- a/templates/editor.html
+++ b/templates/editor.html
@@ -160,7 +160,7 @@ body{font-family:'Segoe UI',system-ui,sans-serif;background:var(--bg);color:var(
 /* Popup */
 #popup-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.85);display:none;align-items:center;justify-content:center;z-index:500}
 #popup-overlay.active{display:flex}
-.popup{z-index:501;background:#0d1220;border:3px solid var(--blue);border-radius:16px;padding:24px;width:500px;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 16px 48px rgba(0,0,0,0.8)}
+.popup{z-index:501;background:#0d1220;border:1px solid var(--border);border-radius:16px;padding:24px;width:500px;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 16px 48px rgba(0,0,0,0.8)}
 .popup .title{font-size:24px;color:var(--text2)}
 .popup .live{font-size:32px;font-weight:700}
 .popup .sp-row{display:flex;align-items:center;gap:20px}
@@ -526,7 +526,7 @@ function editAutomation(c) {
   }));
 
   const popup = document.getElementById('popup');
-  popup.style.borderColor = 'var(--blue)';
+  popup.style.borderColor = 'var(--border)';
 
   let rulesHtml = '';
   (c.rules || []).forEach((r, i) => {