From 93d5f49cdb1bcc665bfa61ca2fc1f1ff063d8776 Mon Sep 17 00:00:00 2001
From: gahusb <bgg8988@gmail.com>
Date: Sun, 10 May 2026 16:17:36 +0900
Subject: [PATCH] =?UTF-8?q?feat(web-ui):=20PipelineStartModal=20'=EC=9B=90?=
 =?UTF-8?q?=ED=95=98=EB=8A=94=20=EC=9D=B4=EB=AF=B8=EC=A7=80=20=EB=B6=84?=
 =?UTF-8?q?=EC=9C=84=EA=B8=B0'=20=EB=A9=94=EC=9D=B8=20=ED=95=84=EB=93=9C?=
 =?UTF-8?q?=EB=A1=9C=20=EB=85=B8=EC=B6=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/music/MusicStudio.css                   | 11 +++++++++++
 src/pages/music/components/PipelineStartModal.jsx | 15 ++++++++++-----
 2 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/src/pages/music/MusicStudio.css b/src/pages/music/MusicStudio.css
index 3f446f1..2354f9b 100644
--- a/src/pages/music/MusicStudio.css
+++ b/src/pages/music/MusicStudio.css
@@ -3406,3 +3406,14 @@
     border-radius:4px; font-size:10px; }
 .pipeline-card { cursor:pointer; }
 .pipeline-card:hover { background:rgba(255,255,255,.02); }
+
+.psm-keyword-main { display: block; margin: 12px 0; font-size: 13px; }
+.psm-keyword-main input {
+    display: block; width: 100%; margin-top: 4px; padding: 8px;
+    background: rgba(255,255,255,.04);
+    border: 1px solid var(--ms-line, #2a2a3a);
+    border-radius: 8px; color: var(--ms-text, #f0f0f5); font-size: 13px;
+}
+.psm-keyword-main small {
+    display: block; color: var(--ms-muted, #a0a0b0); font-size: 11px; margin-top: 4px;
+}
diff --git a/src/pages/music/components/PipelineStartModal.jsx b/src/pages/music/components/PipelineStartModal.jsx
index 1f7505a..dcbec32 100644
--- a/src/pages/music/components/PipelineStartModal.jsx
+++ b/src/pages/music/components/PipelineStartModal.jsx
@@ -95,6 +95,16 @@ export default function PipelineStartModal({ library, initialTrackId, onClose, o
                     </select>
                 )}
 
+                <label className="psm-keyword-main">
+                    원하는 이미지 분위기 (선택)
+                    <input
+                        value={bgKeyword}
+                        onChange={e => setBgKeyword(e.target.value)}
+                        placeholder="예: 스케이트보드 파크 밝은 오후, 비 오는 카페 창가, 산 정상 일출 ..."
+                    />
+                    <small>처음부터 cover 이미지 prompt에 반영됩니다. 비우면 장르 기본값 사용.</small>
+                </label>
+
                 <details className="psm-advanced" open={advanced}>
                     <summary onClick={(e) => { e.preventDefault(); setAdvanced(!advanced); }}>
                         고급 옵션
@@ -115,11 +125,6 @@ export default function PipelineStartModal({ library, initialTrackId, onClose, o
                             <option value="video_loop">영상 루프 (Pexels)</option>
                         </select>
                     </label>
-                    <label>
-                        배경 키워드 (Pexels 검색용)
-                        <input value={bgKeyword} onChange={e => setBgKeyword(e.target.value)}
-                            placeholder="rainy window, lofi cafe ..." />
-                    </label>
                 </details>
 
                 {error && <div className="ms-error">{error}</div>}