260719_5

B03_FileInput/B03_FileInput_UI_Style.css

@@ -1,6 +1,10 @@
 .b03-file {
   min-height: calc(100vh - var(--app-header-height, 0px));
-  background: linear-gradient(180deg, var(--color-canvas, #ffffff) 0%, var(--color-mist-violet, #edecff) 100%);
+  background: linear-gradient(
+    180deg,
+    var(--color-canvas, #ffffff) 0%,
+    var(--color-mist-violet, #edecff) 100%
+  );
   padding: 0 var(--spacing-24) var(--spacing-48) var(--spacing-24); /* 상단 여백은 main-layout 마진으로 조정하므로 padding-top은 0 */
 }
 
@@ -52,7 +56,10 @@
   gap: var(--spacing-8);
   cursor: pointer;
   text-align: center;
-  transition: background var(--transition-base, 0.2s), border-color var(--transition-base, 0.2s), box-shadow var(--transition-base, 0.2s);
+  transition:
+    background var(--transition-base, 0.2s),
+    border-color var(--transition-base, 0.2s),
+    box-shadow var(--transition-base, 0.2s);
 }
 
 .b03-file__dropzone:hover {
@@ -140,7 +147,10 @@
   display: flex;
   flex-direction: column;
   gap: var(--spacing-20);
-  transition: transform var(--transition-base, 0.2s), border-color var(--transition-base, 0.2s), box-shadow var(--transition-base, 0.2s);
+  transition:
+    transform var(--transition-base, 0.2s),
+    border-color var(--transition-base, 0.2s),
+    box-shadow var(--transition-base, 0.2s);
 }
 
 .b03-file__card:hover {
@@ -258,7 +268,9 @@
   font-size: var(--text-body-sm, 14px);
   cursor: pointer;
   margin-bottom: var(--spacing-8); /* 파일 선택 버튼 하단 마진 추가 */
-  transition: background var(--transition-base, 0.2s), border-color var(--transition-base, 0.2s);
+  transition:
+    background var(--transition-base, 0.2s),
+    border-color var(--transition-base, 0.2s);
 }
 
 .b03-file__file-info {
@@ -373,4 +385,3 @@
     grid-template-columns: 1fr; /* 모바일에서는 1행 1열 구조 */
   }
 }
-