스타일 가이드 1차 완성

Assets/Resources/UIToolkit/List/UTKComponentListUss.uss

@@ -16,11 +16,15 @@
     flex-grow: 1;
 }
 
-.search-field {
+.search-container {
+    flex-direction: row;
+    align-items: center;
     margin-bottom: 20px;
-    margin-top: 0;
-    margin-right: 0;
-    margin-left: 0;
+}
+
+.search-field {
+    flex-grow: 1;
+    margin: 0;
     height: 24px;
 }
 
@@ -44,8 +48,6 @@
 /* 카테고리 확장/축소 토글 화살표 스타일 */
 .unity-tree-view__item-toggle #unity-checkmark {
     background-image: resource('UIToolkit/Images/icon_down_22');
-    transition-property: rotate;
-    transition-duration: 0.15s;
 }
 
 /* 카테고리 항목: hover 시 배경 색상 변경 없음 */
@@ -62,10 +64,70 @@
     background-color: rgba(0, 0, 0, 0);
 }
 
-.visibility-on {
-    background-image: resource('UIToolkit/Images/icon_eye_22x16');
+/* ============================================
+   TreeView 아이템 컨테이너 (TreeView Item Container)
+   ============================================ */
+
+.unity-tree-view__item-content TemplateContainer {
+    flex-grow: 1;
 }
 
-.visibility-off {
-    background-image: resource('UIToolkit/Images/icon_eye_close_22x16');
+/* ============================================
+   그룹 아이템 (Group Item) - UTKComponentListGroupItem
+   ============================================ */
+
+.tree-item-container {
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+    height: 22px;
+    padding: 0 8px 0 0;
+}
+
+.tree-item-container .item-label-style {
+    flex-grow: 1;
+    margin: 0;
+    padding: 0 4px;
+    height: 22px;
+    color: var(--color-text-primary);
+    font-size: var(--font-size-body2);
+    -unity-font-definition: resource('Fonts/Pretendard/Pretendard-Bold');
+    -unity-text-align: middle-left;
+}
+
+.tree-item-container .badge-label {
+    flex-grow: 0;
+    margin: 0;
+    padding: 0 4px;
+    min-width: 18px;
+    height: 18px;
+    color: var(--color-text-on-primary);
+    font-size: var(--font-size-label4);
+    -unity-font-definition: resource('Fonts/Pretendard/Pretendard-Medium');
+    -unity-text-align: middle-center;
+    align-items: center;
+    border-radius: 9px;
+    background-color: var(--color-bg-tertiary);
+}
+
+/* ============================================
+   리프 아이템 (Leaf Item) - UTKComponentListItem
+   ============================================ */
+
+.tree-leaf-item-container {
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+    height: 22px;
+    padding: 0 8px 0 0;
+}
+
+.tree-leaf-item-container .item-label-style {
+    flex-grow: 1;
+    margin: 0;
+    padding: 0 4px;
+    color: var(--color-text-primary);
+    font-size: var(--font-size-label3);
+    -unity-font-definition: resource('Fonts/Pretendard/Pretendard-Medium');
+    -unity-text-align: middle-left;
 }