Replace all emoji icons with Lucide SVGs, add accent color picker

- Replace all emoji characters across WebUI with inline Lucide SVG icons
  for cross-platform consistency (icon paths in icon-paths.js)
- Add accent color picker popover with 9 preset colors + custom picker,
  persisted to localStorage, updates all CSS custom properties
- Remove subtab separator line for cleaner look
- Color badge icons with accent color for visual pop
- Remove processing badge from target cards
- Fix hardcoded #4CAF50 in FPS labels and active badges to use CSS vars
- Replace CSS content emoji (▶) with pure CSS triangle

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

server/src/wled_controller/static/css/layout.css

@@ -216,6 +216,81 @@ h2 {
     transform: scale(1.1);
 }
 
+/* Accent color picker */
+.accent-wrapper {
+    position: relative;
+}
+.accent-swatch {
+    display: inline-block;
+    width: 14px;
+    height: 14px;
+    border-radius: 50%;
+    border: 2px solid var(--border-color);
+    transition: border-color 0.2s, box-shadow 0.2s;
+}
+.search-toggle:hover .accent-swatch {
+    box-shadow: 0 0 6px var(--primary-color);
+}
+.accent-popover {
+    position: absolute;
+    top: calc(100% + 8px);
+    right: 0;
+    background: var(--card-bg);
+    border: 1px solid var(--border-color);
+    border-radius: 10px;
+    padding: 10px;
+    box-shadow: 0 8px 24px var(--shadow-color);
+    z-index: 200;
+    animation: accent-pop-in 0.15s ease-out;
+}
+@keyframes accent-pop-in {
+    from { opacity: 0; transform: translateY(-4px) scale(0.95); }
+    to   { opacity: 1; transform: translateY(0) scale(1); }
+}
+.accent-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 8px;
+}
+.accent-dot {
+    width: 32px;
+    height: 32px;
+    border-radius: 50%;
+    border: 3px solid transparent;
+    cursor: pointer;
+    transition: transform 0.15s, border-color 0.15s, box-shadow 0.15s;
+    padding: 0;
+}
+.accent-dot:hover {
+    transform: scale(1.15);
+    box-shadow: 0 0 8px rgba(255,255,255,0.2);
+}
+.accent-dot.active {
+    border-color: var(--text-color);
+    box-shadow: 0 0 0 2px var(--card-bg), 0 0 0 4px var(--text-color);
+}
+.accent-custom {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-top: 8px;
+    padding-top: 8px;
+    border-top: 1px solid var(--border-color);
+    font-size: 0.78rem;
+    color: var(--text-secondary);
+    cursor: pointer;
+}
+.accent-custom input[type="color"] {
+    width: 28px;
+    height: 28px;
+    border: 1px solid var(--border-color);
+    border-radius: 6px;
+    padding: 2px;
+    cursor: pointer;
+    background: transparent;
+    flex-shrink: 0;
+}
+
 /* Footer */
 .app-footer {
     margin-top: 12px;