From 9c0c3de35f3394adbb081a553af8054cf46c25bf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EC=84=B1=EA=B2=BD?= <skkim@o2o.kr>
Date: Fri, 14 Aug 2026 15:29:39 +0900
Subject: [PATCH] =?UTF-8?q?UI=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/generation-flow.css |  1 +
 src/styles/studio-assets.css   | 30 ++++++++++++++++++++++++++++++
 2 files changed, 31 insertions(+)

diff --git a/src/styles/generation-flow.css b/src/styles/generation-flow.css
index df9f3db..f5529cb 100644
--- a/src/styles/generation-flow.css
+++ b/src/styles/generation-flow.css
@@ -2805,6 +2805,7 @@
   .wizard-stepper {
     padding: 2rem;
     max-width: 100%;
+    margin-top: 30px;
   }
 
   .wizard-stepper-node {
diff --git a/src/styles/studio-assets.css b/src/styles/studio-assets.css
index 24a8dea..5d1e225 100644
--- a/src/styles/studio-assets.css
+++ b/src/styles/studio-assets.css
@@ -1146,6 +1146,36 @@
   }
 }
 
+/* 모바일: 제목은 한 줄로 유지하고, 권장 수량/카운트는 그 아래 줄로 내린다 */
+@media (max-width: 1023px) {
+  .asset-section-header {
+    align-items: flex-start;
+  }
+
+  .asset-section-header-left {
+    flex: 1;
+    min-width: 0;
+    flex-wrap: wrap;
+    row-gap: 4px;
+  }
+
+  .asset-section-header-left .asset-section-title {
+    order: 1;
+    white-space: nowrap;
+  }
+
+  .asset-section-header-left .asset-section-count {
+    order: 2;
+    white-space: nowrap;
+  }
+
+  .asset-section-header-left .asset-section-subtitle {
+    order: 3;
+    width: 100%;
+    white-space: nowrap;
+  }
+}
+
 /* Asset Image List */
 .asset-image-list {
   background-color: #002224;