Update style.css

style.css

@@ -165,6 +165,67 @@ p {
     flex-shrink: 0;
 }
 
+/* 삭제 버튼 스타일 */
+.delete-button {
+    background-color: #e74c3c;
+    color: white;
+    border: none;
+    border-radius: 50%;
+    width: 22px;
+    height: 22px;
+    font-size: 14px;
+    line-height: 1;
+    cursor: pointer;
+    margin-left: 5px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: background-color 0.2s;
+}
+
+.delete-button:hover {
+    background-color: #c0392b;
+}
+
+.layer-option {
+    margin-bottom: 10px;
+    display: flex;
+    justify-content: space-between;
+}
+
+#delete-layer-btn {
+    width: 100%;
+    margin-bottom: 8px;
+    padding: 8px;
+    font-size: 14px;
+}
+
+.delete-button:disabled,
+#delete-layer-btn:disabled {
+    background-color: #ccc;
+    cursor: not-allowed;
+}
+
+/* 레이어 항목 스타일 개선 */
+.layer-item {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 8px 10px;
+    border-bottom: 1px solid #eee;
+    cursor: pointer;
+    transition: background-color 0.2s;
+}
+
+.layer-item:hover {
+    background-color: #f5f5f5;
+}
+
+.layer-item.active {
+    background-color: #e3f2fd;
+    border-left: 3px solid #2196F3;
+}
+
 /* 레이어 목록 스타일 */
 .layers-list {
     width: 100%;