Merge branch 'subtitle' into feature-dashboard

.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+    "recommendations": []
+}

index.css

@@ -2075,9 +2075,31 @@
   height: 64px;
   display: flex;
   align-items: center;
+  justify-content: space-between;
   flex-shrink: 0;
 }
 
+.comp2-inquiry-btn {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 8px 16px;
+  background: transparent;
+  border: 1px solid rgba(255, 255, 255, 0.3);
+  border-radius: 8px;
+  color: rgba(255, 255, 255, 0.8);
+  font-size: 14px;
+  text-decoration: none;
+  cursor: pointer;
+  transition: background 0.2s, border-color 0.2s, color 0.2s;
+}
+
+.comp2-inquiry-btn:hover {
+  background: rgba(255, 255, 255, 0.1);
+  border-color: rgba(255, 255, 255, 0.6);
+  color: #fff;
+}
+
 .comp2-back-btn {
   display: flex;
   align-items: center;
@@ -4005,7 +4027,7 @@
 
 
 .url-input-button {
-  padding: 16px 32px;
+  padding: 12px 32px;
   background-color: #AE72F9;
   border: none;
   border-radius: 12px;
@@ -4016,6 +4038,8 @@
   cursor: pointer;
   transition: background-color 0.2s ease;
   white-space: nowrap;
+  display: block;
+  margin: 0 auto;
 }
 
 .url-input-button:hover:not(:disabled) {
@@ -4037,7 +4061,7 @@
 
 .url-input-guide {
   font-family: 'Pretendard', sans-serif;
-  font-size: 13px;
+  font-size: 14px;
   color: #6AB0B3;
   margin: 24px 0 0 0;
 }
@@ -8100,7 +8124,7 @@
   }
 
   .genre-btn {
-    padding: 0.5rem 0.75rem;
+    padding: 0.75rem 0.5rem;
     font-size: 14px;
   }
 }
@@ -8742,19 +8766,22 @@
 .content-card-text {
   display: flex;
   flex-direction: column;
-  gap: 8px;
+  gap: 2px;
 }
 
 .content-card-title {
-  font-size: 17px;
+  font-size: 18px;
   font-weight: 700;
   color: var(--color-text-white);
   letter-spacing: -0.6%;
   margin: 0;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .content-card-date {
-  font-size: 12px;
+  font-size: 14px;
   font-weight: 400;
   color: #6AB0B3;
   letter-spacing: -0.6%;

src/pages/Dashboard/CompletionContent.tsx

@@ -331,6 +331,17 @@ const CompletionContent: React.FC<CompletionContentProps> = ({
             </svg>
             <span>{t('completion.back')}</span>
           </button>
+          <a
+            href="https://forms.gle/4a8mGebBYtdesvby9"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="comp2-inquiry-btn"
+          >
+            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
+              <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" />
+            </svg>
+            <span>문의하기</span>
+          </a>
         </div>
 
         <div className="comp2-title-row">

src/pages/Dashboard/SoundStudioContent.tsx

@@ -286,6 +286,9 @@ const SoundStudioContent: React.FC<SoundStudioContentProps> = ({
     setErrorMessage(null);
     setStatusMessage(t('soundStudio.generatingLyrics'));
 
+    const savedRatio = localStorage.getItem('castad_video_ratio');
+    const orientation = (savedRatio === 'horizontal' || savedRatio === 'vertical') ? savedRatio : 'vertical';
+
     try {
       const language = LANGUAGE_MAP[selectedLang] || 'Korean';
 
@@ -298,6 +301,7 @@ const SoundStudioContent: React.FC<SoundStudioContentProps> = ({
         m_id: mId,
         region: businessInfo.region,
         task_id: imageTaskId,
+        orientation,
       });
 
       if (!lyricResponse.success || !lyricResponse.task_id) {

src/types/api.ts

@@ -67,6 +67,7 @@ export interface LyricGenerateRequest {
   m_id: number;
   region: string;
   task_id: string;
+  orientation?: 'vertical' | 'horizontal';
 }
 
 // 가사 생성 응답