Added multi-api support and advanced mode

wwcompanion-extension/settings.css

@@ -124,6 +124,11 @@ body {
   margin-bottom: 12px;
 }
 
+.row-actions {
+  display: flex;
+  gap: 8px;
+}
+
 .row-title {
   display: flex;
   align-items: baseline;
@@ -249,8 +254,40 @@ button:active {
   justify-content: flex-end;
 }
 
-.api-key-actions .delete {
-  color: #c0392b;
+.api-key-actions .delete,
+.api-config-actions .delete,
+.task-actions .delete {
+  background: #c0392b;
+  border-color: #c0392b;
+  color: #fff6f2;
+}
+
+.api-configs {
+  display: grid;
+  gap: 12px;
+}
+
+.api-config-card {
+  padding: 12px;
+  border-radius: 12px;
+  border: 1px solid var(--border);
+  background: var(--card-bg);
+  display: grid;
+  gap: 8px;
+}
+
+.api-config-card.is-advanced .basic-only {
+  display: none;
+}
+
+.api-config-card:not(.is-advanced) .advanced-only {
+  display: none;
+}
+
+.api-config-actions {
+  display: flex;
+  gap: 8px;
+  justify-content: flex-end;
 }
 
 @media (prefers-color-scheme: dark) {
@@ -275,7 +312,3 @@ button:active {
   gap: 6px;
   justify-content: flex-end;
 }
-
-.task-actions .delete {
-  color: #c0392b;
-}