ESLint/Prettier 자동 포맷팅 적용

Author: krsy0411

src/styles/style.css

@@ -4,20 +4,12 @@
 @layer base {
   /* 한국어 텍스트에 최적화된 시스템 폰트 스택 */
   html {
-    font-family: 
-      -apple-system, 
-      BlinkMacSystemFont, 
-      'Apple SD Gothic Neo', 
-      'Noto Sans KR', 
-      'Malgun Gothic', 
-      '맑은 고딕', 
-      'Segoe UI', 
-      Roboto, 
-      'Helvetica Neue', 
-      Arial, 
+    font-family:
+      -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Noto Sans KR',
+      'Malgun Gothic', '맑은 고딕', 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
       sans-serif;
   }
-  
+
   /* 외부 웹폰트 최적화 (Google Fonts 등) */
   @font-face {
     font-family: 'Google Fonts Fallback';
@@ -29,21 +21,21 @@
 /* YouTube iframe 최적화 */
 @layer components {
   .youtube-video {
-    @apply relative w-full mx-auto;
+    @apply relative mx-auto w-full;
     aspect-ratio: 16 / 9; /* 모던 브라우저용 */
     /* 레거시 브라우저 대체 */
     padding-bottom: 56.25%; /* 16:9 종횡비 */
   }
-  
+
   /* 모던 브라우저에서 padding-bottom 제거 */
   @supports (aspect-ratio: 16 / 9) {
     .youtube-video {
       padding-bottom: 0;
     }
   }
-  
+
   .youtube-video iframe {
-    @apply absolute top-0 left-0 w-full h-full rounded-lg;
+    @apply absolute top-0 left-0 h-full w-full rounded-lg;
     border: none; /* frameborder 대체 */
   }
 }