From 8f39fe27004e48397c7adcea6832118ec9763960 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EC=84=B1=EA=B2=BD?= <skkim@o2o.kr>
Date: Thu, 16 Apr 2026 16:00:58 +0900
Subject: [PATCH] =?UTF-8?q?UI=20=EB=B0=8F=20=ED=8A=9C=ED=86=A0=EB=A6=AC?=
 =?UTF-8?q?=EC=96=BC=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.css                                   | 4 ++++
 src/components/Tutorial/TutorialOverlay.tsx | 6 ++++--
 src/components/Tutorial/tutorialSteps.ts    | 3 +--
 src/components/Tutorial/useTutorial.ts      | 2 +-
 src/locales/ko.json                         | 6 +++---
 5 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/index.css b/index.css
index 65ee2cb..61944e8 100644
--- a/index.css
+++ b/index.css
@@ -7721,6 +7721,10 @@
   border-color: rgba(255, 255, 255, 0.1);
 }
 
+.genre-btn.active:hover:not(:disabled) {
+  border-color: var(--color-mint);
+}
+
 .genre-btn.active {
   border-color: var(--color-mint);
 }
diff --git a/src/components/Tutorial/TutorialOverlay.tsx b/src/components/Tutorial/TutorialOverlay.tsx
index 418bc28..5510a05 100644
--- a/src/components/Tutorial/TutorialOverlay.tsx
+++ b/src/components/Tutorial/TutorialOverlay.tsx
@@ -20,7 +20,7 @@ interface TutorialOverlayProps {
   onNext: () => void;
   onPrev: () => void;
   onSkip: () => void;
-  groupProgress?: { groupTotal: number; groupOffset: number } | null;
+  groupProgress?: { groupTotal: number; groupOffset: number; isLastKeyInGroup: boolean } | null;
 }
 
 const PADDING = 8;
@@ -231,7 +231,9 @@ const TutorialOverlay: React.FC<TutorialOverlayProps> = ({
             }}
           />
         </>
-      ) : null}
+      ) : (
+        <div className="tutorial-overlay-blocker" style={{ inset: 0 }} />
+      )}
 
       <div
         ref={tooltipRef}
diff --git a/src/components/Tutorial/tutorialSteps.ts b/src/components/Tutorial/tutorialSteps.ts
index bab1073..9c105f9 100644
--- a/src/components/Tutorial/tutorialSteps.ts
+++ b/src/components/Tutorial/tutorialSteps.ts
@@ -231,13 +231,12 @@ export const tutorialSteps: TutorialStepDef[] = [
         clickToAdvance: false,
       },
       {
-        targetSelector: '.myinfo-social-buttons',
+        targetSelector: '.myinfo-social-btn',
         titleKey: 'tutorial.myInfo.connect.title',
         descriptionKey: 'tutorial.myInfo.connect.desc',
         noteKey: 'tutorial.myInfo.connect.note',
         position: 'top',
         clickToAdvance: true,
-        spotlightPaddingOverride: { right: -505},
       },
       {
         targetSelector: '.myinfo-connected-accounts',
diff --git a/src/components/Tutorial/useTutorial.ts b/src/components/Tutorial/useTutorial.ts
index 72cb451..dce64a9 100644
--- a/src/components/Tutorial/useTutorial.ts
+++ b/src/components/Tutorial/useTutorial.ts
@@ -70,7 +70,7 @@ interface UseTutorialReturn {
   currentHintIndex: number;
   hints: TutorialHint[];
   tutorialKey: string | null;
-  groupProgress: { groupTotal: number; groupOffset: number } | null;
+  groupProgress: { groupTotal: number; groupOffset: number; isLastKeyInGroup: boolean } | null;
   startTutorial: (key: string, onComplete?: () => void, forceFromStart?: boolean) => void;
   nextHint: () => void;
   prevHint: () => void;
diff --git a/src/locales/ko.json b/src/locales/ko.json
index 0babfb7..1347315 100644
--- a/src/locales/ko.json
+++ b/src/locales/ko.json
@@ -215,7 +215,7 @@
     "back": "뒤로가기",
     "loadMore": "더보기",
     "uploadFailed": "이미지 업로드에 실패했습니다.",
-    "uploading": "업로드 중...",
+    "uploading": "업로드 중 (30초~2분 소요)",
     "nextStep": "다음 단계"
   },
   "soundStudio": {
@@ -239,8 +239,8 @@
     "videoGenerating": "영상 생성 중",
     "noBusinessInfo": "비즈니스 정보가 없습니다. 다시 시도해주세요.",
     "noImageUploadInfo": "이미지 업로드 정보가 없습니다. 이전 단계로 돌아가 다시 시도해주세요.",
-    "generatingLyrics": "가사를 생성하고 있습니다.\n(30~60초 소요)",
-    "generatingSong": "음악을 생성하고 있습니다.\n(1~2분 소요)",
+    "generatingLyrics": "가사를 생성하고 있습니다. (30~60초 소요)",
+    "generatingSong": "음악을 생성하고 있습니다. (1~2분 소요)",
     "songQueued": "음악 생성 대기 중...",
     "retryMessage": "시간 초과로 재생성 중... ({{count}}/{{max}})",
     "lyricGenerationFailed": "가사 생성 요청에 실패했습니다.",