Updated generation pages.

static/style.css

@@ -1736,3 +1736,47 @@ textarea[readonly] {
 .gallery-grid.selection-mode .gallery-card:hover {
   transform: translateY(-2px);
 }
+
+/* --- Tag Widgets (Prompt Builder) -------------------------------- */
+.tag-widget-container {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  padding: 8px;
+  background: var(--bg-input);
+  border: 1px solid var(--border);
+  border-radius: var(--radius-sm);
+  min-height: 38px;
+}
+
+.tag-widget {
+  display: inline-flex;
+  align-items: center;
+  padding: 3px 10px;
+  border-radius: 999px;
+  font-size: 0.78rem;
+  font-family: var(--font-mono, 'SF Mono', monospace);
+  cursor: pointer;
+  user-select: none;
+  transition: all 0.15s ease;
+  border: 1px solid transparent;
+}
+
+.tag-widget.active {
+  background: var(--accent-dim);
+  color: #fff;
+  border-color: var(--accent);
+}
+
+.tag-widget.inactive {
+  background: var(--bg-raised);
+  color: var(--text-muted);
+  border-color: var(--border);
+  text-decoration: line-through;
+  opacity: 0.6;
+}
+
+.tag-widget:hover {
+  opacity: 1;
+  border-color: var(--accent-bright);
+}