From 41c964a7759ad89d9f97e50015ad699056dbacc3 Mon Sep 17 00:00:00 2001
From: Codex <codex@local>
Date: Thu, 23 Apr 2026 15:16:17 -0500
Subject: [PATCH] Polish clip source modal copy

---
 frontend/src/pages/LibraryPage.tsx |  2 +-
 frontend/src/styles.css            | 23 +++++++++++++++++------
 2 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/frontend/src/pages/LibraryPage.tsx b/frontend/src/pages/LibraryPage.tsx
index c7ea12b..5906875 100644
--- a/frontend/src/pages/LibraryPage.tsx
+++ b/frontend/src/pages/LibraryPage.tsx
@@ -694,7 +694,7 @@ function WalkupClipModal({
                   className={`tab-pane fade${sourceMode === "url" ? " show active" : ""}`}
                 >
                   <div className="stack">
-                    <div className="muted">Paste a link and we will download the audio for clip creation.</div>
+                    <div className="muted">Paste a link, such as a YouTube URL, and we will download the audio for clip creation.</div>
                     <label className="field">
                       Media title
                       <input
diff --git a/frontend/src/styles.css b/frontend/src/styles.css
index 18a1824..bbd1476 100644
--- a/frontend/src/styles.css
+++ b/frontend/src/styles.css
@@ -165,13 +165,24 @@ select {
   align-items: flex-start;
   justify-content: space-between;
   gap: 1rem;
-  padding: 1.25rem 1.25rem 0;
+  padding: 1rem 1rem 0;
+}
+
+.walkup-modal-header h2 {
+  color: var(--ink);
+  font-weight: 700;
+  letter-spacing: -0.03em;
+}
+
+.walkup-modal-header .eyebrow {
+  color: var(--accent);
+  opacity: 1;
 }
 
 .walkup-modal-body {
   display: grid;
   gap: 1rem;
-  padding: 1.25rem;
+  padding: 1rem;
 }
 
 .walkup-step-breadcrumb {
@@ -185,6 +196,8 @@ select {
   display: inline-flex;
   align-items: center;
   gap: 0.35rem;
+  color: var(--muted);
+  opacity: 0.82;
 }
 
 .walkup-step-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
@@ -192,11 +205,9 @@ select {
 }
 
 .walkup-step-breadcrumb .breadcrumb-item.active {
-  padding: 0.32rem 0.65rem;
-  border-radius: 999px;
-  background: var(--accent-soft);
-  color: var(--ink);
+  color: var(--accent);
   font-weight: 600;
+  opacity: 1;
 }
 
 .walkup-modal-actions {