UI 및 튜토리얼 수정

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);
 }

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}

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',

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;

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초 소요)",
+    "generatingLyrics": "가사를 생성하고 있습니다. (30~60초 소요)",
-    "generatingSong": "음악을 생성하고 있습니다.\n(1~2분 소요)",
+    "generatingSong": "음악을 생성하고 있습니다. (1~2분 소요)",
     "songQueued": "음악 생성 대기 중...",
     "retryMessage": "시간 초과로 재생성 중... ({{count}}/{{max}})",
     "lyricGenerationFailed": "가사 생성 요청에 실패했습니다.",