From 96894c81e0ad32007c43cec6de2f4322e5082939 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=BB=A8=ED=8A=B8=EB=A1=A4DELTA?= <controld3785@gmail.com>
Date: Thu, 23 Apr 2026 14:48:15 +0900
Subject: [PATCH] Resolve IDE Compatibility Issue

---
 src/app/features/settings/container.scss | 2 +-
 src/app/features/settings/settings.ts    | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/app/features/settings/container.scss b/src/app/features/settings/container.scss
index 26cd6ba..9f70486 100644
--- a/src/app/features/settings/container.scss
+++ b/src/app/features/settings/container.scss
@@ -5,7 +5,7 @@
   &:has(> switch) {
     height: 32px;
 
-    &:nth-child(1 of settings-container) {
+    &:nth-child(1 of .settings-container) {
       margin-top: 4px;
     }
   }
diff --git a/src/app/features/settings/settings.ts b/src/app/features/settings/settings.ts
index d2d5e4b..e5e1bee 100644
--- a/src/app/features/settings/settings.ts
+++ b/src/app/features/settings/settings.ts
@@ -27,6 +27,10 @@ export class SettingsCategory {
   templateUrl: './container.html',
   styleUrl: './container.scss',
   imports: [Switch, Dropdown],
+  host: {
+    // For IDE Compatibility
+    '[class.settings-container]': 'true',
+  },
 })
 export class SettingsContainer {
   settingsType = input.required<SettingsType>();