Merge pull request #287 from tbrandenburg/codex/update-harness-builder-panel-design

Author: tbrandenburg

packages/frontend/src/styles/page.css

@@ -438,12 +438,27 @@
 }
 
 .workflow-step-preview {
+  width: 100%;
+  min-height: 44px;
+  padding: 0.75rem 0.9rem;
+  border-radius: 0.9rem;
+  border: 1px solid var(--border);
+  background: var(--surface);
+  color: var(--text);
+  transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
   text-align: left;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
+.workflow-step-preview:hover,
+.workflow-step-preview:focus-visible {
+  border-color: var(--accent);
+  background: var(--surface-strong);
+  outline: none;
+}
+
 .workflow-step-controls {
   display: flex;
   gap: 0.25rem;