diff --git a/services/web-ui/public/edit.html b/services/web-ui/public/edit.html
index 01e9429..e63799d 100644
--- a/services/web-ui/public/edit.html
+++ b/services/web-ui/public/edit.html
@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
-  <title>Editor — Z-AMPP</title>
+  <title>Editor — Dragonflight</title>
   <link rel="stylesheet" href="css/common.css">
   <style>
     /* ── Editor layout ── */
@@ -105,7 +105,7 @@
       color: var(--text-primary);
       cursor: pointer;
     }
-    .edit-transport-btn:hover { background: oklch(20% 0.030 260); border-color: oklch(45% 0.20 266 / 0.5); }
+    .edit-transport-btn:hover { background: oklch(20% 0.030 260); border-color: oklch(45% 0.20 32 / 0.5); }
     .edit-transport-btn:disabled { opacity: 0.4; cursor: not-allowed; }
     .edit-scrubber {
       flex: 1; min-width: 200px;
@@ -124,8 +124,8 @@
       background: linear-gradient(90deg,
         oklch(25% 0.05 260) 0%,
         oklch(25% 0.05 260) var(--in-pct, 0%),
-        oklch(55% 0.20 266) var(--in-pct, 0%),
-        oklch(55% 0.20 266) var(--out-pct, 100%),
+        oklch(55% 0.20 32) var(--in-pct, 0%),
+        oklch(55% 0.20 32) var(--out-pct, 100%),
         oklch(25% 0.05 260) var(--out-pct, 100%),
         oklch(25% 0.05 260) 100%);
       border-radius: 3px;
@@ -135,7 +135,7 @@
       width: 14px; height: 14px;
       background: var(--text-primary);
       border-radius: 50%;
-      border: 2px solid oklch(70% 0.18 266);
+      border: 2px solid oklch(70% 0.18 32);
       margin-top: -4px;
       cursor: pointer;
     }
@@ -154,9 +154,9 @@
       font-size: 12px; font-weight: 500;
       cursor: pointer;
     }
-    .edit-marker-btn:hover { border-color: oklch(45% 0.20 266 / 0.6); }
-    .edit-marker-btn.in  { color: oklch(70% 0.18 266); }
-    .edit-marker-btn.out { color: oklch(70% 0.18 266); }
+    .edit-marker-btn:hover { border-color: oklch(45% 0.20 32 / 0.6); }
+    .edit-marker-btn.in  { color: oklch(70% 0.18 32); }
+    .edit-marker-btn.out { color: oklch(70% 0.18 32); }
 
     /* Timeline strip */
     .edit-timeline {
@@ -196,8 +196,8 @@
       transition: background 120ms ease, border-color 120ms ease;
     }
     .edit-track-empty.drag-over {
-      background: oklch(20% 0.05 266 / 0.4);
-      border-color: oklch(55% 0.20 266 / 0.8);
+      background: oklch(20% 0.05 32 / 0.4);
+      border-color: oklch(55% 0.20 32 / 0.8);
       color: var(--accent-strong);
     }
     .edit-clip {
@@ -212,10 +212,10 @@
       cursor: pointer;
       transition: border-color 100ms ease;
     }
-    .edit-clip:hover { border-color: oklch(45% 0.20 266 / 0.5); }
+    .edit-clip:hover { border-color: oklch(45% 0.20 32 / 0.5); }
     .edit-clip.active {
-      border-color: oklch(70% 0.18 266);
-      box-shadow: 0 0 0 1px oklch(70% 0.18 266 / 0.4);
+      border-color: oklch(70% 0.18 32);
+      box-shadow: 0 0 0 1px oklch(70% 0.18 32 / 0.4);
     }
     .edit-clip-thumb {
       width: 100%; height: 64px;
@@ -233,7 +233,7 @@
     .edit-clip-bar-fill {
       position: absolute;
       top: 0; bottom: 0;
-      background: oklch(55% 0.20 266);
+      background: oklch(55% 0.20 32);
     }
     .edit-clip-meta {
       padding: 4px 8px 6px;
@@ -307,8 +307,8 @@
 <div class="shell">
   <nav class="sidebar" aria-label="Main navigation">
     <div class="sidebar-brand">
-      <img src="img/dragon-logo.png?v=1" alt="Wild Dragon" class="sidebar-logo">
-      <span class="sidebar-brand-name">Z-AMPP</span>
+      <img src="img/dragon-logo.png?v=1" alt="Dragonflight" class="sidebar-logo">
+      <span class="sidebar-brand-name">Dragonflight</span>
     </div>
         <nav class="sidebar-nav">
       <a href="home.html" class="nav-item">