1. Inline 스타일: Svelte 컴포넌트 내부에서 스타일을 직접 지정할 수 있습니다. 예를 들어, 다음과 같이 style 속성을 사용하여 스타일을 설정할 수 있습니다:

   <script>
     let color = 'red';
   </script>
   
   <h1 style="color: {color}">Hello Svelte!</h1>
   

   이렇게 하면 color 변수에 따라 텍스트의 색상이 변경됩니다.

2. CSS 클래스: 클래스 기반 스타일링을 선호하는 경우 class 속성을 사용하여 CSS 클래스를 적용할 수 있습니다. 예를 들어, 다음과 같이 클래스를 정의하고 사용할 수 있습니다:

   <style>
     .red {
       color: red;
     }
   </style>
   
   <h1 class="red">Hello Svelte!</h1>
   

   이렇게 하면 red 클래스가 적용되어 텍스트의 색상이 변경됩니다.

3. 외부 CSS 파일: Svelte 컴포넌트에서 외부 CSS 파일을 사용할 수도 있습니다. 이렇게 하려면 <style> 태그 내부에서 @import 문을 사용하여 외부 CSS 파일을 가져와 사용하면 됩니다.

   <style>
     @import 'styles.css';
   </style>
   
   <h1 class="red">Hello Svelte!</h1>
   

   이렇게 하면 styles.css 파일의 스타일이 컴포넌트에 적용됩니다.

위의 방법 중 하나를 선택하여 간편하게 스타일을 적용할 수 있습니다. 선택한 방법에 따라 Svelte 컴포넌트를 스타일링하고 원하는 디자인을 구현해보세요.