@liberseek/boft-cli-win32-arm64 0.6.1 → 0.6.2

package/app/plugins/omp/plugin.mjs

@@ -15125,12 +15125,28 @@ var accountResetCreditsSchema = external_exports.object({
 var accountCreditsSnapshotSchema = external_exports.object({
   /** Native label when the primary limit is scoped to a model or product group. */
   label: external_exports.string().min(1).optional(),
-  usedPercent: usagePercentSchema,
+  usedPercent: usagePercentSchema.optional(),
+  remaining: external_exports.number().finite().optional(),
+  unit: external_exports.string().trim().min(1).max(32).optional(),
   resetsAt: external_exports.string().min(1).optional(),
   periodType: external_exports.enum(["weekly", "monthly", "five_hour", "seven_day", "unknown"]),
   productUsage: external_exports.array(accountCreditsProductUsageSchema).min(1).optional(),
   resetCredits: accountResetCreditsSchema.optional()
-}).strict();
+}).strict().superRefine((credits, context) => {
+  if (credits.usedPercent === void 0 && credits.remaining === void 0) {
+    context.addIssue({
+      code: "custom",
+      message: "Account credits must include usedPercent or remaining"
+    });
+  }
+  if (credits.remaining !== void 0 && !credits.unit) {
+    context.addIssue({
+      code: "custom",
+      message: "Account remaining credits require a unit",
+      path: ["unit"]
+    });
+  }
+});
 var threadUsageInspectionParamsSchema = external_exports.object({
   threadId: hostThreadIdSchema,
   refresh: external_exports.literal("exact").optional()

package/app/plugins/opencode/plugin.mjs

@@ -14606,12 +14606,28 @@ var accountResetCreditsSchema = external_exports.object({
 var accountCreditsSnapshotSchema = external_exports.object({
   /** Native label when the primary limit is scoped to a model or product group. */
   label: external_exports.string().min(1).optional(),
-  usedPercent: usagePercentSchema,
+  usedPercent: usagePercentSchema.optional(),
+  remaining: external_exports.number().finite().optional(),
+  unit: external_exports.string().trim().min(1).max(32).optional(),
   resetsAt: external_exports.string().min(1).optional(),
   periodType: external_exports.enum(["weekly", "monthly", "five_hour", "seven_day", "unknown"]),
   productUsage: external_exports.array(accountCreditsProductUsageSchema).min(1).optional(),
   resetCredits: accountResetCreditsSchema.optional()
-}).strict();
+}).strict().superRefine((credits, context) => {
+  if (credits.usedPercent === void 0 && credits.remaining === void 0) {
+    context.addIssue({
+      code: "custom",
+      message: "Account credits must include usedPercent or remaining"
+    });
+  }
+  if (credits.remaining !== void 0 && !credits.unit) {
+    context.addIssue({
+      code: "custom",
+      message: "Account remaining credits require a unit",
+      path: ["unit"]
+    });
+  }
+});
 var threadUsageInspectionParamsSchema = external_exports.object({
   threadId: hostThreadIdSchema,
   refresh: external_exports.literal("exact").optional()

package/app/plugins/pi/plugin.mjs

@@ -15125,12 +15125,28 @@ var accountResetCreditsSchema = external_exports.object({
 var accountCreditsSnapshotSchema = external_exports.object({
   /** Native label when the primary limit is scoped to a model or product group. */
   label: external_exports.string().min(1).optional(),
-  usedPercent: usagePercentSchema,
+  usedPercent: usagePercentSchema.optional(),
+  remaining: external_exports.number().finite().optional(),
+  unit: external_exports.string().trim().min(1).max(32).optional(),
   resetsAt: external_exports.string().min(1).optional(),
   periodType: external_exports.enum(["weekly", "monthly", "five_hour", "seven_day", "unknown"]),
   productUsage: external_exports.array(accountCreditsProductUsageSchema).min(1).optional(),
   resetCredits: accountResetCreditsSchema.optional()
-}).strict();
+}).strict().superRefine((credits, context) => {
+  if (credits.usedPercent === void 0 && credits.remaining === void 0) {
+    context.addIssue({
+      code: "custom",
+      message: "Account credits must include usedPercent or remaining"
+    });
+  }
+  if (credits.remaining !== void 0 && !credits.unit) {
+    context.addIssue({
+      code: "custom",
+      message: "Account remaining credits require a unit",
+      path: ["unit"]
+    });
+  }
+});
 var threadUsageInspectionParamsSchema = external_exports.object({
   threadId: hostThreadIdSchema,
   refresh: external_exports.literal("exact").optional()

package/app/renderer-extension.js

@@ -14932,12 +14932,28 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   var accountCreditsSnapshotSchema = external_exports.object({
     /** Native label when the primary limit is scoped to a model or product group. */
     label: external_exports.string().min(1).optional(),
-    usedPercent: usagePercentSchema,
+    usedPercent: usagePercentSchema.optional(),
+    remaining: external_exports.number().finite().optional(),
+    unit: external_exports.string().trim().min(1).max(32).optional(),
     resetsAt: external_exports.string().min(1).optional(),
     periodType: external_exports.enum(["weekly", "monthly", "five_hour", "seven_day", "unknown"]),
     productUsage: external_exports.array(accountCreditsProductUsageSchema).min(1).optional(),
     resetCredits: accountResetCreditsSchema.optional()
-  }).strict();
+  }).strict().superRefine((credits, context) => {
+    if (credits.usedPercent === void 0 && credits.remaining === void 0) {
+      context.addIssue({
+        code: "custom",
+        message: "Account credits must include usedPercent or remaining"
+      });
+    }
+    if (credits.remaining !== void 0 && !credits.unit) {
+      context.addIssue({
+        code: "custom",
+        message: "Account remaining credits require a unit",
+        path: ["unit"]
+      });
+    }
+  });
   var threadUsageInspectionParamsSchema = external_exports.object({
     threadId: hostThreadIdSchema,
     refresh: external_exports.literal("exact").optional()
@@ -20045,6 +20061,17 @@ ${error51.stderrTail}`] : []
     if (usedPercent >= 70) return "warn";
     return "ok";
   }
+  function formatAccountCreditsBalance(remaining, unit) {
+    const amount = Number.isInteger(remaining) ? remaining.toLocaleString("en-US") : remaining.toLocaleString("en-US", {
+      maximumFractionDigits: 4,
+      minimumFractionDigits: 0
+    });
+    const normalized = unit.trim();
+    if (!normalized || normalized.toUpperCase() === "USD" || normalized === "$") {
+      return `$${amount}`;
+    }
+    return `${amount} ${normalized}`;
+  }
   var ENGLISH_CREDITS_MESSAGES = Object.freeze({
     remaining: "Remaining",
     resets: "Resets",
@@ -20160,6 +20187,10 @@ ${error51.stderrTail}`] : []
       reset.style.color = "color-mix(in srgb, currentColor 62%, transparent)";
       left.append(reset);
     }
+    if (credits.usedPercent === void 0) {
+      wrapper.append(top);
+      return wrapper;
+    }
     const color = toneColor(rendererCreditsTone(credits.usedPercent));
     const remaining = remainingPercent(credits.usedPercent);
     const percent = document.createElement("span");
@@ -20217,6 +20248,18 @@ ${error51.stderrTail}`] : []
   }
   function renderDetails2(popover, credits, locale) {
     const messages = rendererCreditsMessages(locale);
+    if (credits.usedPercent === void 0) {
+      const amount = credits.remaining === void 0 || !credits.unit ? "" : formatAccountCreditsBalance(credits.remaining, credits.unit);
+      popover.style.backgroundImage = "";
+      popover.setAttribute("aria-label", messages.details);
+      popover.replaceChildren();
+      const header = document.createElement("div");
+      header.textContent = amount ? `${messages.remaining} ${amount}` : messages.account;
+      header.style.fontSize = "13px";
+      header.style.fontWeight = "600";
+      popover.append(header);
+      return;
+    }
     const glowColor = toneColor(rendererCreditsTone(credits.usedPercent));
     popover.style.backgroundImage = `radial-gradient(160px 100px at 18% -10%, color-mix(in srgb, ${glowColor} 20%, transparent), transparent 70%)`;
     popover.setAttribute("aria-label", messages.details);
@@ -20391,6 +20434,23 @@ ${error51.stderrTail}`] : []
       closePopover2(control);
       return false;
     }
+    if (accountCredits.usedPercent === void 0) {
+      const amount = accountCredits.remaining === void 0 || !accountCredits.unit ? null : formatAccountCreditsBalance(accountCredits.remaining, accountCredits.unit);
+      if (!amount) {
+        control.root.style.display = "none";
+        closePopover2(control);
+        return false;
+      }
+      const ringSlot2 = control.trigger.querySelector("[data-codexhost-credits-ring]");
+      const label2 = control.trigger.querySelector("[data-codexhost-credits-label]");
+      ringSlot2?.replaceChildren();
+      if (label2) label2.textContent = amount;
+      control.root.style.display = "inline-flex";
+      control.trigger.setAttribute("aria-label", amount);
+      control.trigger.title = amount;
+      renderDetails2(control.popover, accountCredits, locale);
+      return true;
+    }
     const remaining = remainingPercent(accountCredits.usedPercent);
     const percent = formatRendererCreditsPercent(remaining);
     const title = `${creditsPeriodLabel(accountCredits.periodType)} ${percent}`;
@@ -24508,6 +24568,24 @@ ${error51.stderrTail}`] : []
       return usage;
     }
     const credits = state.credits;
+    if (credits.remaining !== void 0 && credits.unit) {
+      const meter = document2.createElement("div");
+      meter.className = "settings-account-usage__meter settings-account-usage__meter--balance";
+      const amount = formatAccountCreditsBalance(credits.remaining, credits.unit);
+      const value = document2.createElement("span");
+      value.className = "settings-account-usage__balance";
+      const number4 = document2.createElement("span");
+      number4.textContent = amount;
+      const suffix = document2.createElement("span");
+      suffix.className = "settings-account-usage__value-label";
+      suffix.textContent = messages.accountCreditsRemaining;
+      value.append(number4, suffix);
+      value.title = `${amount} ${messages.accountCreditsRemaining}`;
+      meter.append(value);
+      usage.append(meter);
+      if (credits.usedPercent === void 0) return usage;
+    }
+    if (credits.usedPercent === void 0) return usage;
     const windows = [
       {
         label: credits.label ?? creditsPeriodLabel2(credits.periodType, messages),
@@ -24925,6 +25003,9 @@ ${error51.stderrTail}`] : []
   function errorMessage(error51, fallback) {
     return error51 instanceof Error && error51.message ? error51.message : fallback;
   }
+  function accountHasUsage(account) {
+    return account.authKind === "api" || Boolean(account.email);
+  }
   function createAccountsSettingsPage(messages, getClient) {
     return Object.freeze({
       id: "accounts",
@@ -25077,7 +25158,7 @@ ${error51.stderrTail}`] : []
           for (const [display, button] of displayButtons) {
             button.setAttribute("aria-pressed", String(display === usageDisplay));
           }
-          refreshUsage.disabled = (!getClient()?.inspectCodexAccountUsage || !accounts.some((account) => account.email)) && !getClient()?.listHarnessAccounts || harnessAccounts?.refreshing === true || [...usageByAccountId.values()].some((usage) => usage.status === "loading") || accountBusy();
+          refreshUsage.disabled = (!getClient()?.inspectCodexAccountUsage || !accounts.some((account) => accountHasUsage(account))) && !getClient()?.listHarnessAccounts || harnessAccounts?.refreshing === true || [...usageByAccountId.values()].some((usage) => usage.status === "loading") || accountBusy();
           const query = search.value.trim().toLocaleLowerCase();
           harnessAccounts?.update(query, usageDisplay);
           const visibleAccounts = accounts.filter(
@@ -25177,7 +25258,7 @@ ${error51.stderrTail}`] : []
         };
         const loadUsage = (nextAccounts) => {
           const inspect = getClient()?.inspectCodexAccountUsage;
-          const signedIn = nextAccounts.filter((account) => account.email);
+          const signedIn = nextAccounts.filter((account) => accountHasUsage(account));
           const keep = new Set(signedIn.map((account) => account.accountId));
           for (const accountId of [...usageByAccountId.keys()]) {
             if (!keep.has(accountId)) usageByAccountId.delete(accountId);
@@ -25999,10 +26080,10 @@ ${error51.stderrTail}`] : []
   }
 
   // src/settings/shell.css
-  var shell_default = ':host {\n  /* Inherit Codex Desktop color-scheme; light-dark() tracks the host page. */\n  --settings-bg: light-dark(#ffffff, #181818);\n  --settings-sidebar: light-dark(#f4f4f5, #1c1c1c);\n  --settings-panel: transparent;\n  --settings-text: light-dark(#171717, #f5f5f5);\n  --settings-muted: light-dark(#737373, #a1a1a1);\n  --settings-subtle: light-dark(#8a8a8a, #777777);\n  --settings-border: light-dark(rgb(15 23 42 / 10%), rgb(255 255 255 / 10%));\n  --settings-divider: light-dark(rgb(15 23 42 / 10%), rgb(255 255 255 / 10%));\n  --settings-hover: light-dark(rgb(15 23 42 / 5%), rgb(255 255 255 / 6%));\n  --settings-active: light-dark(rgb(51 156 255 / 14%), rgb(51 156 255 / 12%));\n  --settings-focus: #339cff;\n  --settings-elevated: light-dark(#ffffff, #2c2c2e);\n  --settings-inset: light-dark(rgb(15 23 42 / 4%), rgb(0 0 0 / 18%));\n  --settings-surface: light-dark(rgb(15 23 42 / 3%), rgb(255 255 255 / 2%));\n  --settings-surface-strong: light-dark(rgb(15 23 42 / 6%), rgb(255 255 255 / 6%));\n  --settings-surface-hover: light-dark(#eeeeee, #303030);\n  --settings-mark: light-dark(#52525b, #d4d8de);\n  --settings-dialog-shadow: light-dark(\n    0 24px 64px rgb(15 23 42 / 16%),\n    0 24px 64px rgb(0 0 0 / 38%)\n  );\n  --settings-backdrop: light-dark(rgb(15 23 42 / 28%), rgb(0 0 0 / 52%));\n  --settings-segmented-shadow:\n    0 0 0 0.5px light-dark(rgb(15 23 42 / 6%), rgb(0 0 0 / 4%)),\n    0 3px 1px 0 light-dark(rgb(15 23 42 / 4%), rgb(0 0 0 / 4%)),\n    0 3px 8px 0 light-dark(rgb(15 23 42 / 10%), rgb(0 0 0 / 12%));\n  --settings-primary: light-dark(#171717, #f4f4f4);\n  --settings-primary-hover: light-dark(#2f2f2f, #ffffff);\n  --settings-primary-text: light-dark(#ffffff, #171717);\n  --settings-warning: light-dark(#8a5500, #f5c96a);\n  --settings-warning-bg: light-dark(#fff8e6, rgb(245 201 106 / 8%));\n  --settings-warning-border: light-dark(#ead8a8, rgb(245 201 106 / 24%));\n  --settings-danger: light-dark(#b42318, #f87171);\n  --settings-danger-bg: light-dark(#fff1f0, rgb(239 68 68 / 8%));\n  --settings-danger-border: light-dark(#f3c7c3, rgb(239 68 68 / 22%));\n  --settings-success: light-dark(#16784a, #4ade80);\n  color: var(--settings-text);\n  color-scheme: inherit;\n  font:\n    13px/1.5 system-ui,\n    -apple-system,\n    BlinkMacSystemFont,\n    "Segoe UI",\n    sans-serif;\n  letter-spacing: 0;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n  letter-spacing: 0;\n}\n\nbutton,\ninput,\nselect {\n  font: inherit;\n}\n\nbutton {\n  color: inherit;\n}\n\n[hidden] {\n  display: none !important;\n}\n\n.codexhost-settings-dialog {\n  width: min(1120px, calc(100vw - 32px));\n  height: min(780px, calc(100vh - 32px));\n  max-width: none;\n  max-height: none;\n  margin: auto;\n  padding: 0;\n  overflow: hidden;\n  color: var(--settings-text);\n  background: var(--settings-bg);\n  border: 1px solid var(--settings-border);\n  border-radius: 12px;\n  box-shadow: var(--settings-dialog-shadow);\n}\n\n.codexhost-settings-dialog::backdrop {\n  background: var(--settings-backdrop);\n}\n\n.settings-frame,\n.settings-layout {\n  width: 100%;\n  height: 100%;\n  min-width: 0;\n  min-height: 0;\n}\n\n.settings-frame {\n  display: flex;\n  flex-direction: column;\n}\n\n.settings-layout {\n  flex: 1;\n  display: grid;\n  grid-template-columns: 184px minmax(0, 1fr);\n  background: var(--settings-bg);\n}\n\n.settings-sidebar {\n  display: flex;\n  min-width: 0;\n  min-height: 0;\n  flex-direction: column;\n  overflow: hidden;\n  background: var(--settings-sidebar);\n  border-right: 1px solid var(--settings-border);\n  padding-top: 14px;\n}\n\n.settings-header {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  height: 48px;\n  flex: none;\n  padding: 0 12px;\n  border-bottom: 1px solid var(--settings-border);\n}\n\n.settings-header-actions {\n  display: flex;\n  align-items: center;\n  flex: none;\n  gap: 12px;\n  margin-left: auto;\n}\n\n.settings-brand {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 7px;\n}\n\n.settings-brand__mark {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 26px;\n  height: 26px;\n  flex: none;\n  color: var(--settings-text);\n}\n\n.settings-brand__mark .codexhost-settings-icon {\n  width: 24px;\n  height: 24px;\n  object-fit: contain;\n}\n\n.settings-brand__copy {\n  display: flex;\n  min-width: 0;\n  align-items: baseline;\n  gap: 0;\n  line-height: 20px;\n}\n\n.settings-brand__name {\n  overflow: hidden;\n  color: var(--settings-text);\n  font-size: 13px;\n  font-weight: 600;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-brand__title {\n  margin-left: 8px;\n  padding-left: 8px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  font-weight: 400;\n  border-left: 1px solid var(--settings-border);\n}\n\n.settings-nav {\n  display: flex;\n  min-width: 0;\n  min-height: 0;\n  flex: 1;\n  flex-direction: column;\n  gap: 2px;\n  padding: 0 7px 10px;\n  overflow-y: auto;\n}\n\n.settings-nav-section-label {\n  min-height: 28px;\n  padding: 7px 9px 3px 4px;\n  color: var(--settings-muted);\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 18px;\n}\n\n.settings-nav-section-label:not(:first-child) {\n  margin-top: 8px;\n}\n\n.settings-nav-button {\n  display: grid;\n  grid-template-columns: 16px minmax(0, 1fr);\n  align-items: center;\n  width: 100%;\n  position: relative;\n  min-height: 34px;\n  flex: none;\n  gap: 9px;\n  padding: 6px 9px;\n  color: var(--settings-text);\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 21px;\n  text-align: left;\n  background: transparent;\n  border: 0;\n  border-radius: 8px;\n  cursor: pointer;\n}\n\n.settings-nav-button .codexhost-settings-icon {\n  width: 16px;\n  height: 16px;\n  opacity: 0.9;\n}\n\n.settings-nav-button:hover {\n  background: var(--settings-hover);\n}\n\n.settings-nav-button[aria-current="page"] {\n  background: var(--settings-active);\n  color: var(--settings-text);\n  font-weight: 500;\n}\n\n.settings-nav-button span {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-icon-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  flex: none;\n  padding: 0;\n  color: var(--settings-muted);\n  background: transparent;\n  border: 0;\n  border-radius: 8px;\n  cursor: pointer;\n}\n\n.settings-icon-button:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-icon-button:focus-visible,\n.settings-nav-button:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 1px;\n}\n\n.settings-page {\n  display: block;\n  position: relative;\n  min-width: 0;\n  min-height: 0;\n  overflow-y: auto;\n  background: var(--settings-bg);\n  scrollbar-gutter: stable;\n}\n\n.settings-page__content {\n  width: min(930px, calc(100% - 80px));\n  margin-inline: auto;\n}\n\n.settings-page__content {\n  min-width: 0;\n  padding: 28px 0 36px;\n}\n\n.settings-section-label {\n  min-height: auto;\n  padding: 0 0 28px;\n  color: var(--settings-text);\n  font-size: 18px;\n  font-weight: 600;\n  line-height: 26px;\n}\n\n.settings-status-list,\n.settings-empty {\n  overflow: hidden;\n  background: var(--settings-panel);\n}\n\n.settings-status-row {\n  display: grid;\n  grid-template-columns: minmax(170px, 1fr) auto minmax(280px, 1.45fr);\n  position: relative;\n  align-items: center;\n  min-height: 72px;\n  gap: 20px;\n  padding: 12px 0;\n}\n\n.settings-status-row:not(:last-child)::after {\n  content: "";\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  height: 1px;\n  background: var(--settings-divider);\n}\n\n.settings-status-row__identity {\n  display: inline-flex;\n  align-items: center;\n  min-width: 0;\n  color: var(--settings-text);\n  gap: 10px;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 22px;\n}\n\n.settings-status-row__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  flex: none;\n  color: var(--settings-muted);\n  background: var(--settings-surface-strong);\n  border-radius: 50%;\n}\n\n.settings-status-badge {\n  flex: none;\n  padding: 3px 8px;\n  color: var(--settings-muted);\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 18px;\n  background: var(--settings-surface-strong);\n  border: 1px solid var(--settings-border);\n  border-radius: 6px;\n}\n\n.settings-status-row__detail {\n  min-width: 0;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-page-description {\n  max-width: 760px;\n  margin: -10px 0 20px;\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-session-import-header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 24px;\n}\n\n.settings-session-import-header .settings-section-label {\n  min-width: 0;\n}\n\n.settings-session-import-harness {\n  display: flex;\n  min-width: 0;\n  margin: 0 0 16px;\n}\n\n.settings-session-import-harness__options {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  width: fit-content;\n  max-width: 100%;\n  gap: 8px;\n}\n\n.settings-session-import-harness__option {\n  min-height: 32px;\n  flex: none;\n  padding: 6px 10px;\n  color: var(--settings-muted);\n  font: inherit;\n  font-size: 12px;\n  white-space: nowrap;\n  background: transparent;\n  border: 1px solid var(--settings-border);\n  border-radius: 6px;\n  cursor: pointer;\n}\n\n.settings-session-import-harness__option[aria-pressed="true"] {\n  color: var(--settings-text);\n  background: var(--settings-active);\n  border-color: rgb(51 156 255 / 50%);\n}\n\n.settings-session-import-harness__option:disabled {\n  opacity: 0.38;\n  cursor: not-allowed;\n}\n\n.settings-session-import-harness__option:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.settings-session-import-search,\n.settings-session-import-pagination {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 10px;\n}\n\n.settings-session-import-search {\n  align-items: stretch;\n  margin: 16px 0 0;\n}\n\n.settings-session-import-pagination {\n  margin: 16px 0 0;\n}\n\n.settings-session-import-search input {\n  flex: 1;\n  min-width: 160px;\n}\n\n.settings-session-import-search input,\n.settings-session-import-pagination select {\n  box-sizing: border-box;\n  color: var(--settings-text);\n  background: var(--settings-bg);\n  border: 1px solid var(--settings-border);\n  border-radius: 6px;\n}\n\n.settings-session-import-search input,\n.settings-session-import-search .settings-command-button {\n  box-sizing: border-box;\n  height: 36px;\n  min-height: 36px;\n  padding: 6px 10px;\n  border-radius: 6px;\n}\n\n.settings-session-import-pagination select {\n  min-height: 28px;\n  padding: 2px 8px;\n}\n\n.settings-session-import-search input:focus-visible,\n.settings-session-import-pagination select:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.settings-session-import-pagination {\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-session-import-pagination label {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.settings-session-import-pagination > span {\n  flex: none;\n  min-width: 0;\n}\n\n.settings-session-import-pagination__navigation {\n  display: flex;\n  gap: 8px;\n  margin-left: auto;\n}\n\n.settings-session-import-content,\n.settings-session-import-list {\n  display: grid;\n  gap: 10px;\n}\n\n.settings-session-import-content {\n  margin-top: 16px;\n}\n\n.settings-session-import-status {\n  display: flex;\n  align-items: center;\n  min-height: 0;\n  gap: 12px;\n  padding: 12px 16px;\n  color: var(--settings-muted);\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 8px;\n}\n\n.settings-session-import-status.is-error {\n  color: #ef4444;\n}\n\n.settings-session-import-recovery {\n  display: grid;\n  justify-items: start;\n  gap: 14px;\n  padding: 16px;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 8px;\n}\n\n.settings-session-import-recovery:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.settings-session-import-recovery__copy {\n  display: grid;\n  gap: 4px;\n}\n\n.settings-session-import-recovery__copy strong {\n  color: var(--settings-text);\n  font-size: 14px;\n}\n\n.settings-session-import-recovery__copy p {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-session-import-recovery__path {\n  display: flex;\n  align-items: stretch;\n  width: 100%;\n  min-width: 0;\n  overflow: hidden;\n  border: 1px solid var(--settings-border);\n  border-radius: 6px;\n}\n\n.settings-session-import-recovery__path code {\n  min-width: 0;\n  flex: 1;\n  padding: 8px 10px;\n  overflow-x: auto;\n  color: var(--settings-text);\n  font-size: 12px;\n  line-height: 20px;\n  white-space: nowrap;\n}\n\n.settings-session-import-recovery__path .settings-command-button {\n  min-height: 0;\n  flex: none;\n  border-width: 0 0 0 1px;\n  border-radius: 0;\n}\n\n.settings-session-import-row {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 20px;\n  min-width: 0;\n  padding: 16px;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 8px;\n}\n\n.settings-session-import-row__copy {\n  display: grid;\n  min-width: 0;\n  gap: 4px;\n}\n\n.settings-session-import-row__copy strong {\n  overflow: hidden;\n  color: var(--settings-text);\n  font-size: 14px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-session-import-row__copy span,\n.settings-session-import-row__cwd {\n  overflow: hidden;\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-session-import-row__cwd {\n  display: block;\n  min-width: 0;\n  background: transparent;\n}\n\n.settings-session-import-row__action {\n  display: flex;\n  align-items: flex-end;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.settings-session-import-running {\n  color: var(--settings-muted);\n  font-size: 12px;\n}\n\n.settings-preference-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 32px;\n  min-height: 88px;\n  padding: 18px 0;\n  border-top: 1px solid var(--settings-divider);\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-preference-row__copy {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  min-width: 0;\n  gap: 5px;\n}\n\n.settings-preference-row__copy strong {\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.settings-preference-row__copy span {\n  max-width: 680px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-preference-switch {\n  display: inline-flex;\n  align-items: center;\n  width: 42px;\n  height: 24px;\n  flex: none;\n  padding: 2px;\n  border: 0;\n  border-radius: 999px;\n  background: var(--settings-surface-strong);\n  cursor: pointer;\n  transition: background 120ms ease;\n}\n\n.settings-preference-switch[aria-checked="true"] {\n  justify-content: flex-end;\n  background: var(--settings-focus);\n}\n\n.settings-preference-switch:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.settings-preference-switch__thumb {\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: var(--settings-primary-text);\n  box-shadow: 0 1px 3px rgb(0 0 0 / 24%);\n}\n\n.settings-connection-page-header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 18px;\n  margin-bottom: 18px;\n}\n\n.settings-connection-page-header .settings-section-label {\n  padding-bottom: 0;\n}\n\n.settings-connection-page-header .settings-page-description {\n  margin: 8px 0 0;\n}\n\n.settings-connection-page-header .settings-page-description + .settings-page-description {\n  margin-top: 8px;\n}\n\n.settings-update-header {\n  margin-bottom: 8px;\n}\n\n.settings-connections-content,\n.settings-plugins-content,\n.settings-connection-list,\n.settings-connection-rows {\n  min-width: 0;\n}\n\n.settings-connections-content,\n.settings-plugins-content {\n  display: grid;\n  gap: 12px;\n}\n\n.settings-connection-list {\n  overflow: hidden;\n  background: var(--settings-surface);\n  border: 1px solid var(--settings-border);\n  border-radius: 10px;\n}\n\n.settings-segmented {\n  display: inline-flex;\n  flex-wrap: wrap;\n  align-items: center;\n  width: fit-content;\n  max-width: 100%;\n  padding: 2px;\n  gap: 3px;\n  background: var(--settings-surface-strong);\n  border-radius: 10px;\n}\n\n.settings-segmented__item {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 28px;\n  padding: 4px 14px;\n  color: var(--settings-muted);\n  font: inherit;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 18px;\n  white-space: nowrap;\n  background: transparent;\n  border: 0;\n  border-radius: 8px;\n  cursor: pointer;\n  transition:\n    color 0.15s ease,\n    background-color 0.15s ease,\n    box-shadow 0.15s ease;\n}\n\n.settings-segmented__item:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-segmented__item--selected,\n.settings-segmented__item[aria-selected="true"],\n.settings-segmented__item[aria-pressed="true"] {\n  color: var(--settings-text);\n  background: var(--settings-elevated);\n  box-shadow: var(--settings-segmented-shadow);\n}\n\n.settings-segmented__item:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.settings-segmented__item:disabled:hover {\n  color: var(--settings-muted);\n  background: transparent;\n}\n\n.settings-segmented__item:focus-visible,\n.settings-connection-row:focus-visible,\n.settings-connection-install-link:focus-visible,\n.settings-connection-view-error:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 1px;\n}\n\n\n.settings-connection-host-tabs {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 6px;\n  overflow-x: auto;\n  overflow-y: hidden;\n  overscroll-behavior-x: contain;\n  scrollbar-width: none;\n  scroll-behavior: smooth;\n  scroll-snap-type: x proximity;\n  touch-action: pan-x;\n}\n\n.settings-connection-host-tabs::-webkit-scrollbar {\n  display: none;\n}\n\n.settings-connection-host-tab {\n  display: inline-flex;\n  align-items: center;\n  height: 30px;\n  min-width: max-content;\n  flex: none;\n  padding: 0 9px;\n  color: var(--settings-muted);\n  font: inherit;\n  font-size: 12px;\n  line-height: 18px;\n  white-space: nowrap;\n  background: var(--settings-inset);\n  border: 1px solid var(--settings-border);\n  border-radius: 7px;\n  cursor: pointer;\n  scroll-snap-align: start;\n}\n\n.settings-connection-host-tab:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-connection-host-tab[aria-selected="true"] {\n  color: var(--settings-text);\n  font-weight: 600;\n  background: var(--settings-active);\n  border-color: var(--settings-border);\n}\n\n.settings-connection-table-header,\n.settings-connection-row {\n  display: grid;\n  /* Component : Status : Actions = 4 : 3 : 3 */\n  grid-template-columns: minmax(0, 4fr) minmax(0, 3fr) minmax(0, 3fr);\n  align-items: center;\n  min-width: 0;\n  column-gap: 16px;\n}\n\n.settings-connection-table-header {\n  min-height: 30px;\n  padding: 0 10px;\n  color: var(--settings-muted);\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 16px;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  background: var(--settings-surface);\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-connection-rows > .settings-connection-row,\n.settings-connection-rows > .settings-connection-block {\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-connection-rows > .settings-connection-row:last-child,\n.settings-connection-rows > .settings-connection-block:last-child {\n  border-bottom: 0;\n}\n\n.settings-connection-row {\n  min-height: 52px;\n  padding: 8px 10px;\n  cursor: pointer;\n}\n\n.settings-connection-row:hover {\n  background: var(--settings-hover);\n}\n\n.settings-connection-row[data-connection-selected="true"] {\n  background: var(--settings-surface);\n}\n\n.settings-connection-row__identity,\n.settings-connection-inspector__identity {\n  display: inline-flex;\n  align-items: center;\n  min-width: 0;\n  gap: 8px;\n  color: var(--settings-text);\n}\n\n.settings-connection-row__identity strong,\n.settings-connection-inspector__identity strong {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 18px;\n}\n\n.settings-connection-row__mark {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  flex: none;\n  color: var(--settings-mark);\n  font-size: 10px;\n  font-weight: 700;\n  background: var(--settings-surface-strong);\n  border-radius: 7px;\n}\n\n.settings-connection-row__mark--logo {\n  color: var(--settings-text);\n  background: transparent;\n}\n\n.settings-connection-row__mark--logo > img,\n.settings-connection-row__mark--logo > svg {\n  display: block;\n  max-width: 18px;\n  max-height: 18px;\n}\n\n.settings-connection-table-header > :last-child {\n  text-align: end;\n}\n\n.settings-connection-row__status {\n  display: inline-flex;\n  align-items: center;\n  width: fit-content;\n  max-width: 100%;\n  gap: 6px;\n  color: var(--settings-muted);\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 18px;\n}\n\n.settings-connection-row__status::before {\n  width: 6px;\n  height: 6px;\n  flex: none;\n  content: "";\n  background: currentColor;\n  border-radius: 50%;\n}\n\n.settings-connection-row__status[data-connection-tone="ready"] {\n  color: var(--settings-success);\n}\n\n.settings-connection-row__status[data-connection-tone="checking"] {\n  color: var(--settings-warning);\n}\n\n.settings-connection-row__status[data-connection-tone="setup"] {\n  color: var(--settings-muted);\n}\n\n.settings-connection-row__status[data-connection-tone="setup"]::before {\n  background: transparent;\n  border: 1.5px solid currentColor;\n}\n\n.settings-connection-row__status[data-connection-tone="failed"] {\n  color: var(--settings-danger);\n}\n\n.settings-connection-row__action {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  min-width: 0;\n  gap: 4px;\n}\n\n.settings-connection-row__handle {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  color: var(--settings-muted);\n  cursor: grab;\n  opacity: 0.6;\n}\n\n.settings-connection-row__handle:hover {\n  opacity: 1;\n}\n\n.settings-connection-row[draggable="true"] {\n  cursor: grab;\n}\n\n.settings-connection-row[data-connection-dragging="true"] {\n  opacity: 0.4;\n}\n\n.settings-connection-row[data-connection-drop-indicator="before"] {\n  box-shadow: inset 0 2px 0 0 var(--settings-focus);\n}\n\n.settings-connection-row[data-connection-drop-indicator="after"] {\n  box-shadow: inset 0 -2px 0 0 var(--settings-focus);\n}\n\n.settings-connection-inline-detail {\n  display: grid;\n  gap: 12px;\n  margin-top: 2px;\n  padding: 14px 12px 16px;\n  border-top: 1px solid var(--settings-divider);\n  background: var(--settings-inset);\n}\n\n.settings-connection-group-divider {\n  padding: 10px 12px 6px;\n  color: var(--settings-muted);\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 16px;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  /* No border-top here: the row immediately above already carries its own\n     border-bottom (it is no longer :last-child once this divider follows\n     it), so adding one here would double the separator line. */\n}\n\n.settings-connection-group-divider[data-connection-drag-over="true"] {\n  color: var(--settings-focus);\n  background: rgb(51 156 255 / 8%);\n  border-radius: 6px;\n}\n\n.settings-connection-group-more[data-connection-drag-over="true"] {\n  background: rgb(51 156 255 / 8%);\n}\n\n.settings-connection-group-hint {\n  display: grid;\n  gap: 3px;\n  margin: 0 12px 12px;\n  padding: 14px 16px;\n  text-align: center;\n  border: 1.5px dashed var(--settings-border);\n  border-radius: 10px;\n}\n\n.settings-connection-group-more[data-connection-drag-over="true"] .settings-connection-group-hint {\n  border-color: var(--settings-focus);\n}\n\n.settings-connection-group-hint strong {\n  color: var(--settings-text);\n  font-size: 12.5px;\n  font-weight: 500;\n  line-height: 18px;\n}\n\n.settings-connection-group-hint span {\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 17px;\n}\n\n.settings-connection-group-reset {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  gap: 6px;\n  padding: 10px 12px;\n  color: var(--settings-muted);\n  font: inherit;\n  font-size: 12px;\n  text-align: left;\n  background: transparent;\n  border: 0;\n  border-top: 1px solid var(--settings-divider);\n  cursor: pointer;\n}\n\n.settings-connection-group-reset:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-connection-install-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 26px;\n  height: 26px;\n  color: var(--settings-focus);\n  text-decoration: none;\n  background: transparent;\n  border: 1px solid transparent;\n  border-radius: 7px;\n  opacity: 0;\n  transition: opacity 120ms ease;\n}\n\n.settings-connection-row:hover .settings-connection-install-link,\n.settings-connection-install-link:focus-visible {\n  opacity: 1;\n}\n\n.settings-connection-install-link:hover {\n  color: var(--settings-focus);\n  background: var(--settings-active);\n  border-color: var(--settings-border);\n}\n\n.settings-connection-view-error {\n  padding: 4px 7px;\n  color: var(--settings-danger);\n  font: inherit;\n  font-size: 11px;\n  line-height: 18px;\n  background: transparent;\n  border: 0;\n  border-radius: 6px;\n  cursor: pointer;\n}\n\n.settings-connection-view-error:hover {\n  color: var(--settings-danger);\n  background: var(--settings-danger-bg);\n}\n\n.settings-connection-inspector {\n  position: sticky;\n  top: 18px;\n}\n\n.settings-connection-inspector__header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  min-width: 0;\n  gap: 10px;\n  padding: 12px;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-connection-inspector__body {\n  display: grid;\n  min-width: 0;\n  gap: 12px;\n  padding: 12px;\n}\n\n.settings-connection-install-callout {\n  display: grid;\n  grid-template-columns: 28px minmax(0, 1fr);\n  gap: 9px;\n  padding: 11px;\n  background: var(--settings-surface);\n  border: 0;\n  border-radius: 8px;\n}\n\n.settings-connection-install-callout__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  color: var(--settings-focus);\n  background: var(--settings-active);\n  border-radius: 7px;\n}\n\n.settings-connection-install-callout strong,\n.settings-connection-error-summary strong,\n.settings-connection-state-summary strong {\n  display: block;\n  margin: 0 0 4px;\n  color: var(--settings-text);\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 18px;\n}\n\n.settings-connection-install-callout p,\n.settings-connection-error-summary p,\n.settings-connection-state-summary p,\n.settings-connection-issue-note {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 11px;\n  line-height: 16px;\n}\n\n.settings-connection-install-button {\n  width: fit-content;\n}\n\n.settings-connection-error-summary {\n  padding: 13px 14px;\n  color: var(--settings-danger);\n  background: var(--settings-danger-bg);\n  border: 1px solid var(--settings-danger-border);\n  border-radius: 10px;\n}\n\n.settings-connection-error-metadata {\n  display: grid;\n  gap: 7px;\n  padding: 12px;\n  background: var(--settings-inset);\n  border: 1px solid var(--settings-border);\n  border-radius: 9px;\n}\n\n.settings-connection-detail-line {\n  display: grid;\n  grid-template-columns: 92px minmax(0, 1fr);\n  gap: 10px;\n  min-width: 0;\n  color: var(--settings-muted);\n  font-size: 10px;\n  line-height: 16px;\n}\n\n.settings-connection-detail-line code {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  color: var(--settings-text);\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  white-space: pre-wrap;\n}\n\n.settings-connection-error-log-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n}\n\n.settings-connection-error-log-header strong {\n  color: var(--settings-text);\n  font-size: 11px;\n  font-weight: 600;\n}\n\n.settings-connection-error-log-header .settings-command-button {\n  min-height: 30px;\n  padding: 5px 9px;\n  font-size: 11px;\n}\n\n.settings-connection-stderr {\n  max-height: 220px;\n  min-width: 0;\n  margin: 0;\n  padding: 11px;\n  overflow: auto;\n  color: var(--settings-text);\n  font:\n    10px/16px ui-monospace,\n    "SFMono-Regular",\n    Consolas,\n    "Liberation Mono",\n    monospace;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  background: var(--settings-inset);\n  border: 1px solid var(--settings-border);\n  border-radius: 9px;\n}\n\n.settings-connection-error-actions {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  gap: 8px;\n}\n\n.settings-connection-error-actions .settings-command-button {\n  width: 100%;\n}\n\n.settings-connection-issue-note {\n  margin-top: -4px;\n}\n\n.settings-connection-state-summary {\n  padding: 14px;\n  background: var(--settings-surface);\n  border: 1px solid var(--settings-border);\n  border-radius: 10px;\n}\n\n.settings-empty {\n  display: flex;\n  align-items: center;\n  min-height: 72px;\n  padding: 12px 16px;\n}\n\n.settings-empty > div {\n  display: grid;\n  min-width: 0;\n  gap: 2px;\n}\n\n.settings-empty strong {\n  color: var(--settings-text);\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 19px;\n}\n\n.settings-empty span {\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 19px;\n}\n\n.settings-about-page {\n  display: flex;\n  flex-direction: column;\n  gap: 18px;\n  box-sizing: border-box;\n  min-height: min(620px, calc(100vh - 200px));\n  max-width: 720px;\n}\n\n.settings-about-page > .settings-section-label {\n  padding-bottom: 10px;\n}\n\n.settings-about-panel {\n  display: grid;\n  gap: 18px;\n  padding: 24px;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 12px;\n}\n\n.settings-about-product {\n  color: var(--settings-text);\n  font-size: 24px;\n  font-weight: 700;\n  line-height: 32px;\n}\n\n.settings-about-tagline {\n  color: var(--settings-text);\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 24px;\n}\n\n.settings-about-copy {\n  display: grid;\n  max-width: 660px;\n  gap: 12px;\n}\n\n.settings-about-lead,\n.settings-about-extension,\n.settings-about-closing p,\n.settings-about-copy p {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 21px;\n}\n\n.settings-about-lead {\n  color: var(--settings-text);\n  font-weight: 500;\n}\n\n.settings-about-agents {\n  display: grid;\n  gap: 10px;\n  margin: 2px 0;\n  padding: 0;\n  list-style: none;\n}\n\n.settings-about-agent {\n  display: grid;\n  gap: 4px;\n  padding-left: 2px;\n}\n\n.settings-about-agent-name {\n  color: var(--settings-text);\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 18px;\n}\n\n.settings-about-agent-name::before {\n  content: "\xB7 ";\n  color: var(--settings-muted);\n  font-weight: 600;\n}\n\n.settings-about-agent-description {\n  display: block;\n  padding-left: 0.85em;\n  color: var(--settings-muted);\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 18px;\n}\n\n.settings-about-closing {\n  display: grid;\n  gap: 8px;\n}\n\n.settings-about-repository {\n  gap: 10px;\n}\n\n.settings-about-open-source {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 0.35em;\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 21px;\n}\n\n.settings-about-repository p {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 21px;\n}\n\n.settings-about-star-callout {\n  margin: 4px 0 0;\n  color: var(--settings-warning);\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.settings-about-repository-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  color: #7cb8ff;\n  font-weight: 600;\n  line-height: 1;\n  text-decoration: none;\n}\n\n.settings-about-repository-link .codexhost-settings-icon {\n  display: block;\n  flex: none;\n}\n\n.settings-about-repository-link:hover {\n  text-decoration: underline;\n}\n\n.settings-about-brand {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  margin-top: auto;\n  padding-top: 12px;\n  color: inherit;\n  opacity: 0.9;\n  text-decoration: none;\n  transition: opacity 160ms ease;\n}\n\n.settings-about-brand:hover {\n  opacity: 1;\n}\n\n.settings-about-brand-video {\n  width: 40px;\n  height: 40px;\n  flex: none;\n  overflow: hidden;\n  object-fit: cover;\n  border-radius: 999px;\n  box-shadow: 0 1px 2px rgb(0 0 0 / 18%);\n}\n\n.settings-about-brand-copy {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 2px;\n}\n\n.settings-about-brand-name {\n  color: var(--settings-text);\n  font-size: 14px;\n  font-weight: 800;\n  letter-spacing: 0.18em;\n  line-height: 18px;\n}\n\n.settings-about-brand-tagline {\n  color: var(--settings-muted);\n  font-size: 12px;\n  font-weight: 500;\n  letter-spacing: 0.18em;\n  line-height: 16px;\n}\n\n.settings-page-error {\n  padding: 16px;\n  color: var(--settings-text);\n  font-size: 13px;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 20px;\n}\n\n.settings-update-metadata {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 24px;\n  margin-bottom: 24px;\n  padding: 0 0 20px;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-update-metadata__item {\n  display: grid;\n  min-width: 0;\n  gap: 4px;\n}\n\n.settings-update-metadata__item span {\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-update-metadata__item strong {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 500;\n  line-height: 22px;\n}\n\n/* The only emphasis on this screen: a latest version newer than the installed one. */\n.settings-update-metadata__value--newer {\n  color: var(--settings-focus);\n}\n\n.settings-update-panel {\n  display: grid;\n  gap: 12px;\n  padding: 20px;\n  color: var(--settings-text);\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 8px;\n}\n\n/* Soft status copy (unavailable / request failure) should not sit in a framed card. */\n.settings-update-panel[data-update-state="unavailable"],\n.settings-update-panel[data-update-state="failed"],\n.settings-update-panel[data-update-state="error"] {\n  padding: 4px 0 0;\n  border: 0;\n  border-radius: 0;\n}\n\n.settings-update-panel__status-row {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 8px;\n  min-width: 0;\n}\n\n.settings-update-panel__status-row .settings-update-actions {\n  flex: none;\n}\n\n.settings-update-panel__status-row .settings-update-panel__head {\n  flex: 1 1 auto;\n  min-width: 0;\n}\n\n.settings-update-panel__head {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 8px;\n}\n\n.settings-update-panel__head .codexhost-settings-icon {\n  color: var(--settings-muted);\n}\n\n.settings-update-panel[data-update-state="available"]\n  .settings-update-panel__head\n  .codexhost-settings-icon,\n.settings-update-panel[data-update-state="downloading"]\n  .settings-update-panel__head\n  .codexhost-settings-icon,\n.settings-update-panel[data-update-state="installing"]\n  .settings-update-panel__head\n  .codexhost-settings-icon,\n.settings-update-panel[data-update-state="restarting"]\n  .settings-update-panel__head\n  .codexhost-settings-icon {\n  color: var(--settings-focus);\n}\n\n.settings-update-panel[data-update-state="current"]\n  .settings-update-panel__head\n  .codexhost-settings-icon {\n  color: var(--settings-success);\n}\n\n.settings-update-panel[data-update-state="failed"]\n  .settings-update-panel__head\n  .codexhost-settings-icon,\n.settings-update-panel[data-update-state="error"]\n  .settings-update-panel__head\n  .codexhost-settings-icon {\n  color: var(--settings-danger);\n}\n\n.settings-update-panel[data-update-state="unavailable"]\n  .settings-update-panel__head\n  .codexhost-settings-icon {\n  color: var(--settings-muted);\n}\n\n.settings-update-panel__title {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  color: var(--settings-text);\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.settings-update-summary,\n.settings-update-error {\n  margin: 0;\n  overflow-wrap: anywhere;\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-update-summary {\n  color: var(--settings-muted);\n}\n\n.settings-update-error {\n  color: var(--settings-danger);\n}\n\n.settings-update-progress {\n  width: 100%;\n  height: 8px;\n  accent-color: var(--settings-focus);\n}\n\n.settings-update-progress-detail {\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n/* Release notes scroll with the page; a scroller inside a scroller traps the wheel. */\n.settings-update-notes-section {\n  min-width: 0;\n  margin-top: 24px;\n  padding-top: 24px;\n  border-top: 1px solid var(--settings-divider);\n}\n\n.settings-update-notes-section:empty {\n  display: none;\n}\n\n.settings-update-notes {\n  display: grid;\n  min-width: 0;\n  gap: 12px;\n  color: var(--settings-muted);\n  font-size: 14px;\n  line-height: 22px;\n  overflow-wrap: anywhere;\n}\n\n.settings-update-notes > :first-child {\n  margin-top: 0;\n}\n\n.settings-update-notes > :last-child {\n  margin-bottom: 0;\n}\n\n.settings-update-notes h1,\n.settings-update-notes h2,\n.settings-update-notes h3,\n.settings-update-notes h4,\n.settings-update-notes h5,\n.settings-update-notes h6 {\n  margin: 6px 0 0;\n  color: var(--settings-text);\n  font-weight: 600;\n}\n\n.settings-update-notes h1 {\n  font-size: 18px;\n  line-height: 26px;\n}\n\n.settings-update-notes h2 {\n  font-size: 17px;\n  line-height: 24px;\n}\n\n.settings-update-notes h3,\n.settings-update-notes h4,\n.settings-update-notes h5,\n.settings-update-notes h6 {\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.settings-update-notes p,\n.settings-update-notes ul,\n.settings-update-notes ol,\n.settings-update-notes pre,\n.settings-update-notes blockquote {\n  margin: 0;\n}\n\n.settings-update-notes ul,\n.settings-update-notes ol {\n  padding-left: 24px;\n}\n\n.settings-update-notes li {\n  padding-left: 4px;\n}\n\n.settings-update-notes li::marker {\n  color: var(--settings-muted);\n  font-size: 0.85em;\n}\n\n.settings-update-notes li + li {\n  margin-top: 14px;\n}\n\n.settings-update-notes .release-note-translation {\n  display: block;\n  margin-top: 3px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-update-notes blockquote {\n  padding: 8px 12px;\n  color: var(--settings-muted);\n  border-left: 3px solid var(--settings-focus);\n  background: var(--settings-surface);\n}\n\n.settings-update-notes hr {\n  width: 100%;\n  margin: 2px 0;\n  border: 0;\n  border-top: 1px solid var(--settings-divider);\n}\n\n.settings-update-notes strong {\n  color: var(--settings-text);\n  font-weight: 600;\n}\n\n.settings-update-notes a {\n  color: var(--settings-focus);\n  text-decoration: none;\n}\n\n.settings-update-notes a:hover {\n  text-decoration: underline;\n}\n\n.settings-update-notes code {\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  font-size: 12px;\n}\n\n.settings-update-notes :not(pre) > code {\n  padding: 1px 5px;\n  background: var(--settings-surface-strong);\n  border-radius: 4px;\n}\n\n.settings-update-notes pre {\n  min-width: 0;\n  max-width: 100%;\n  padding: 10px 12px;\n  overflow-x: auto;\n  overflow-y: hidden;\n  background: var(--settings-inset);\n  border-radius: 6px;\n}\n\n.settings-update-notes pre code {\n  line-height: 18px;\n  white-space: pre-wrap;\n}\n\n/* Manual update sits directly under the status panel, not behind a disclosure:\n   automatic updates can fail for machine-local reasons and this is the way out. */\n.settings-update-controls {\n  display: grid;\n  min-width: 0;\n  gap: 10px;\n  margin-top: 24px;\n}\n\n.settings-update-manual-title {\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.settings-update-manual {\n  display: grid;\n  min-width: 0;\n  gap: 8px;\n}\n\n.settings-update-manual[hidden] {\n  display: none;\n}\n\n.settings-update-manual-description {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-update-manual-description.is-fallback {\n  color: var(--settings-danger);\n}\n\n.settings-update-command {\n  display: flex;\n  align-items: stretch;\n  min-width: 0;\n  overflow: hidden;\n  border: 1px solid var(--settings-border);\n  border-radius: 6px;\n}\n\n.settings-update-command code {\n  min-width: 0;\n  flex: 1;\n  padding: 9px 12px;\n  overflow-x: auto;\n  color: var(--settings-text);\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  font-size: 12px;\n  line-height: 20px;\n  white-space: nowrap;\n}\n\n.settings-update-command__copy {\n  display: inline-flex;\n  align-items: center;\n  flex: none;\n  gap: 6px;\n  padding: 0 12px;\n  color: var(--settings-muted);\n  font-size: 12px;\n  background: transparent;\n  border: 0;\n  border-left: 1px solid var(--settings-border);\n  cursor: pointer;\n}\n\n.settings-update-command__copy:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-update-command__copy:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: -2px;\n}\n\n.settings-update-actions {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n.settings-command-button,\n.settings-update-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: none;\n  width: max-content;\n  max-width: 100%;\n  min-height: 30px;\n  gap: 6px;\n  padding: 5px 10px;\n  white-space: nowrap;\n  color: var(--settings-primary-text);\n  font: inherit;\n  font-size: 12px;\n  text-decoration: none;\n  background: var(--settings-primary);\n  border: 1px solid var(--settings-primary);\n  border-radius: 7px;\n  cursor: pointer;\n}\n\n.settings-command-button--secondary,\n.settings-update-link {\n  color: var(--settings-muted);\n  background: transparent;\n  border-color: var(--settings-border);\n}\n\n.settings-command-button--secondary .codexhost-settings-icon,\n.settings-update-link .codexhost-settings-icon {\n  color: var(--settings-muted);\n}\n\n.settings-command-button:hover:not(.settings-command-button--secondary) {\n  filter: brightness(1.08);\n}\n\n.settings-command-button--danger {\n  color: var(--settings-danger);\n}\n\n.settings-command-button--danger:hover:not(:disabled) {\n  color: #fecaca;\n  background: var(--settings-danger-bg);\n  border-color: var(--settings-danger-border);\n}\n\n.settings-command-button--secondary:hover,\n.settings-update-link:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-command-button--secondary:hover .codexhost-settings-icon,\n.settings-update-link:hover .codexhost-settings-icon {\n  color: var(--settings-text);\n}\n\n.settings-command-button:disabled,\n.settings-command-button[aria-disabled="true"] {\n  opacity: 0.55;\n  cursor: not-allowed;\n  filter: none;\n}\n\n.settings-command-button:focus-visible,\n.settings-update-link:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.settings-visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n.settings-session-import-content {\n  display: grid;\n  min-width: 0;\n  gap: 12px;\n  margin-top: 16px;\n}\n\n.settings-session-import-list {\n  display: grid;\n  min-width: 0;\n  overflow: hidden;\n  background: var(--settings-surface);\n  border: 1px solid var(--settings-border);\n  border-radius: 12px;\n}\n\n.settings-session-import-row {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  align-items: center;\n  min-width: 0;\n  gap: 16px;\n  padding: 14px 16px;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-session-import-row:last-child {\n  border-bottom: 0;\n}\n\n.settings-session-import-row__copy {\n  display: grid;\n  min-width: 0;\n  gap: 4px;\n}\n\n.settings-session-import-row__copy strong {\n  color: var(--settings-text);\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 20px;\n}\n\n.settings-session-import-row__copy span,\n.settings-session-import-row__cwd {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-session-import-row__cwd {\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n}\n\n.settings-session-import-row__action {\n  display: flex;\n  align-items: center;\n  flex: none;\n  gap: 8px;\n}\n\n.settings-session-import-running {\n  color: #f5c542;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 18px;\n  white-space: nowrap;\n}\n\n.settings-session-import-recovery {\n  display: grid;\n  min-width: 0;\n  gap: 12px;\n  padding: 16px;\n  background: var(--settings-surface);\n  border: 1px solid var(--settings-border);\n  border-radius: 12px;\n}\n\n.settings-session-import-recovery__copy {\n  display: grid;\n  gap: 6px;\n}\n\n.settings-session-import-recovery__copy strong {\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.settings-session-import-recovery__copy p {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-session-import-recovery__path {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 8px;\n}\n\n.settings-session-import-recovery__path code {\n  min-width: 0;\n  flex: 1;\n  overflow-wrap: anywhere;\n  color: var(--settings-text);\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.codexhost-settings-icon {\n  display: block;\n  flex: none;\n  stroke: currentColor;\n}\n\n@media (max-width: 720px) {\n  .codexhost-settings-dialog {\n    width: calc(100vw - 16px);\n    height: calc(100vh - 16px);\n    border-radius: 10px;\n  }\n\n  .settings-layout {\n    grid-template-columns: minmax(0, 1fr);\n    grid-template-rows: auto minmax(0, 1fr);\n  }\n\n  .settings-sidebar {\n    border-right: 0;\n    border-bottom: 1px solid var(--settings-border);\n  }\n\n  .settings-header {\n    height: 56px;\n    padding-inline: 14px;\n  }\n\n  .settings-sidebar {\n    padding-top: 20px;\n  }\n\n  .settings-nav {\n    flex: none;\n    flex-direction: row;\n    gap: 4px;\n    padding: 7px 8px 8px;\n    overflow-x: auto;\n    overflow-y: hidden;\n  }\n\n  .settings-nav-section-label {\n    display: none;\n  }\n\n  .settings-nav-button {\n    width: auto;\n    min-width: max-content;\n    min-height: 34px;\n    grid-template-columns: 16px auto;\n    border-radius: 10px;\n  }\n\n  .settings-page__content {\n    width: calc(100% - 40px);\n  }\n\n  .settings-page__content {\n    padding-top: 32px;\n    padding-bottom: 32px;\n  }\n\n  .settings-section-label {\n    padding-bottom: 20px;\n    font-size: 20px;\n    line-height: 26px;\n  }\n\n  .settings-update-metadata {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 16px;\n  }\n\n  .settings-status-row {\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: 16px;\n  }\n\n  .settings-account-header,\n  .settings-connection-page-header {\n    flex-direction: column;\n  }\n\n  .settings-account-header > .settings-command-button,\n  .settings-connection-page-header > .settings-command-button {\n    width: 100%;\n  }\n\n  .settings-session-import-row {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .settings-session-import-row__action {\n    justify-content: flex-start;\n    flex-wrap: wrap;\n  }\n\n  .settings-status-row__detail {\n    grid-column: 1 / -1;\n    margin: -8px 0 0 58px;\n  }\n}\n\n@media (forced-colors: active) {\n  :host,\n  :host([data-theme="light"]),\n  :host([data-theme="dark"]) {\n    --settings-bg: Canvas;\n    --settings-sidebar: Canvas;\n    --settings-panel: Canvas;\n    --settings-surface: Canvas;\n    --settings-surface-hover: Highlight;\n    --settings-inset: Canvas;\n    --settings-text: CanvasText;\n    --settings-muted: GrayText;\n    --settings-subtle: GrayText;\n    --settings-border: ButtonBorder;\n    --settings-divider: ButtonBorder;\n    --settings-hover: Highlight;\n    --settings-active: Highlight;\n    --settings-focus: Highlight;\n    --settings-elevated: Canvas;\n    --settings-surface-strong: Canvas;\n    --settings-mark: CanvasText;\n    --settings-primary: ButtonFace;\n    --settings-primary-hover: Highlight;\n    --settings-primary-text: ButtonText;\n    --settings-warning: CanvasText;\n    --settings-warning-bg: Canvas;\n    --settings-warning-border: ButtonBorder;\n    --settings-danger: CanvasText;\n    --settings-danger-bg: Canvas;\n    --settings-danger-border: ButtonBorder;\n    --settings-success: CanvasText;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  *,\n  *::before,\n  *::after {\n    scroll-behavior: auto !important;\n    transition-duration: 0s !important;\n  }\n}\n';
+  var shell_default = ':host {\n  /* Inherit Codex Desktop color-scheme; light-dark() tracks the host page. */\n  --settings-bg: light-dark(#ffffff, #181818);\n  --settings-sidebar: light-dark(#f4f4f5, #1c1c1c);\n  --settings-panel: transparent;\n  --settings-text: light-dark(#171717, #f5f5f5);\n  --settings-muted: light-dark(#737373, #a1a1a1);\n  --settings-subtle: light-dark(#8a8a8a, #777777);\n  --settings-border: light-dark(rgb(15 23 42 / 10%), rgb(255 255 255 / 10%));\n  --settings-divider: light-dark(rgb(15 23 42 / 10%), rgb(255 255 255 / 10%));\n  --settings-hover: light-dark(rgb(15 23 42 / 5%), rgb(255 255 255 / 6%));\n  --settings-active: light-dark(rgb(51 156 255 / 14%), rgb(51 156 255 / 12%));\n  --settings-focus: #339cff;\n  --settings-elevated: light-dark(#ffffff, #2c2c2e);\n  --settings-inset: light-dark(rgb(15 23 42 / 4%), rgb(0 0 0 / 18%));\n  --settings-surface: light-dark(rgb(15 23 42 / 3%), rgb(255 255 255 / 2%));\n  --settings-surface-strong: light-dark(rgb(15 23 42 / 6%), rgb(255 255 255 / 6%));\n  --settings-surface-hover: light-dark(#eeeeee, #303030);\n  --settings-mark: light-dark(#52525b, #d4d8de);\n  --settings-dialog-shadow: light-dark(\n    0 24px 64px rgb(15 23 42 / 16%),\n    0 24px 64px rgb(0 0 0 / 38%)\n  );\n  --settings-backdrop: light-dark(rgb(15 23 42 / 28%), rgb(0 0 0 / 52%));\n  --settings-segmented-shadow:\n    0 0 0 0.5px light-dark(rgb(15 23 42 / 6%), rgb(0 0 0 / 4%)),\n    0 3px 1px 0 light-dark(rgb(15 23 42 / 4%), rgb(0 0 0 / 4%)),\n    0 3px 8px 0 light-dark(rgb(15 23 42 / 10%), rgb(0 0 0 / 12%));\n  --settings-primary: light-dark(#171717, #f4f4f4);\n  --settings-primary-hover: light-dark(#2f2f2f, #ffffff);\n  --settings-primary-text: light-dark(#ffffff, #171717);\n  --settings-warning: light-dark(#8a5500, #f5c96a);\n  --settings-warning-bg: light-dark(#fff8e6, rgb(245 201 106 / 8%));\n  --settings-warning-border: light-dark(#ead8a8, rgb(245 201 106 / 24%));\n  --settings-danger: light-dark(#b42318, #f87171);\n  --settings-danger-bg: light-dark(#fff1f0, rgb(239 68 68 / 8%));\n  --settings-danger-border: light-dark(#f3c7c3, rgb(239 68 68 / 22%));\n  --settings-success: light-dark(#16784a, #4ade80);\n  color: var(--settings-text);\n  color-scheme: inherit;\n  font:\n    13px/1.5 system-ui,\n    -apple-system,\n    BlinkMacSystemFont,\n    "Segoe UI",\n    sans-serif;\n  letter-spacing: 0;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n  letter-spacing: 0;\n}\n\nbutton,\ninput,\nselect {\n  font: inherit;\n}\n\nbutton {\n  color: inherit;\n}\n\n[hidden] {\n  display: none !important;\n}\n\n.codexhost-settings-dialog {\n  width: min(1120px, calc(100vw - 32px));\n  height: min(780px, calc(100vh - 32px));\n  max-width: none;\n  max-height: none;\n  margin: auto;\n  padding: 0;\n  overflow: hidden;\n  color: var(--settings-text);\n  background: var(--settings-bg);\n  border: 1px solid var(--settings-border);\n  border-radius: 12px;\n  box-shadow: var(--settings-dialog-shadow);\n}\n\n.codexhost-settings-dialog::backdrop {\n  background: var(--settings-backdrop);\n}\n\n.settings-frame,\n.settings-layout {\n  width: 100%;\n  height: 100%;\n  min-width: 0;\n  min-height: 0;\n}\n\n.settings-frame {\n  display: flex;\n  flex-direction: column;\n}\n\n.settings-layout {\n  flex: 1;\n  display: grid;\n  grid-template-columns: 184px minmax(0, 1fr);\n  background: var(--settings-bg);\n}\n\n.settings-sidebar {\n  display: flex;\n  min-width: 0;\n  min-height: 0;\n  flex-direction: column;\n  overflow: hidden;\n  background: var(--settings-sidebar);\n  border-right: 1px solid var(--settings-border);\n  padding-top: 14px;\n}\n\n.settings-header {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  height: 48px;\n  flex: none;\n  padding: 0 12px;\n  border-bottom: 1px solid var(--settings-border);\n}\n\n.settings-header-actions {\n  display: flex;\n  align-items: center;\n  flex: none;\n  gap: 12px;\n  margin-left: auto;\n}\n\n.settings-brand {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 7px;\n}\n\n.settings-brand__mark {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 26px;\n  height: 26px;\n  flex: none;\n  color: var(--settings-text);\n}\n\n.settings-brand__mark .codexhost-settings-icon {\n  width: 24px;\n  height: 24px;\n  object-fit: contain;\n}\n\n.settings-brand__copy {\n  display: flex;\n  min-width: 0;\n  align-items: baseline;\n  gap: 0;\n  line-height: 20px;\n}\n\n.settings-brand__name {\n  overflow: hidden;\n  color: var(--settings-text);\n  font-size: 13px;\n  font-weight: 600;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-brand__title {\n  margin-left: 8px;\n  padding-left: 8px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  font-weight: 400;\n  border-left: 1px solid var(--settings-border);\n}\n\n.settings-nav {\n  display: flex;\n  min-width: 0;\n  min-height: 0;\n  flex: 1;\n  flex-direction: column;\n  gap: 2px;\n  padding: 0 7px 10px;\n  overflow-y: auto;\n}\n\n.settings-nav-section-label {\n  min-height: 28px;\n  padding: 7px 9px 3px 4px;\n  color: var(--settings-muted);\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 18px;\n}\n\n.settings-nav-section-label:not(:first-child) {\n  margin-top: 8px;\n}\n\n.settings-nav-button {\n  display: grid;\n  grid-template-columns: 16px minmax(0, 1fr);\n  align-items: center;\n  width: 100%;\n  position: relative;\n  min-height: 34px;\n  flex: none;\n  gap: 9px;\n  padding: 6px 9px;\n  color: var(--settings-text);\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 21px;\n  text-align: left;\n  background: transparent;\n  border: 0;\n  border-radius: 8px;\n  cursor: pointer;\n}\n\n.settings-nav-button .codexhost-settings-icon {\n  width: 16px;\n  height: 16px;\n  opacity: 0.9;\n}\n\n.settings-nav-button:hover {\n  background: var(--settings-hover);\n}\n\n.settings-nav-button[aria-current="page"] {\n  background: var(--settings-active);\n  color: var(--settings-text);\n  font-weight: 500;\n}\n\n.settings-nav-button span {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-icon-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  flex: none;\n  padding: 0;\n  color: var(--settings-muted);\n  background: transparent;\n  border: 0;\n  border-radius: 8px;\n  cursor: pointer;\n}\n\n.settings-icon-button:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-icon-button:focus-visible,\n.settings-nav-button:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 1px;\n}\n\n.settings-page {\n  display: block;\n  position: relative;\n  min-width: 0;\n  min-height: 0;\n  overflow-y: auto;\n  background: var(--settings-bg);\n  scrollbar-gutter: stable;\n}\n\n.settings-page__content {\n  width: min(930px, calc(100% - 80px));\n  margin-inline: auto;\n}\n\n.settings-page__content {\n  min-width: 0;\n  padding: 28px 0 36px;\n}\n\n.settings-section-label {\n  min-height: auto;\n  padding: 0 0 28px;\n  color: var(--settings-text);\n  font-size: 18px;\n  font-weight: 600;\n  line-height: 26px;\n}\n\n.settings-status-list,\n.settings-empty {\n  overflow: hidden;\n  background: var(--settings-panel);\n}\n\n.settings-status-row {\n  display: grid;\n  grid-template-columns: minmax(170px, 1fr) auto minmax(280px, 1.45fr);\n  position: relative;\n  align-items: center;\n  min-height: 72px;\n  gap: 20px;\n  padding: 12px 0;\n}\n\n.settings-status-row:not(:last-child)::after {\n  content: "";\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  height: 1px;\n  background: var(--settings-divider);\n}\n\n.settings-status-row__identity {\n  display: inline-flex;\n  align-items: center;\n  min-width: 0;\n  color: var(--settings-text);\n  gap: 10px;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 22px;\n}\n\n.settings-status-row__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  flex: none;\n  color: var(--settings-muted);\n  background: var(--settings-surface-strong);\n  border-radius: 50%;\n}\n\n.settings-status-badge {\n  flex: none;\n  padding: 3px 8px;\n  color: var(--settings-muted);\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 18px;\n  background: var(--settings-surface-strong);\n  border: 1px solid var(--settings-border);\n  border-radius: 6px;\n}\n\n.settings-status-row__detail {\n  min-width: 0;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-page-description {\n  max-width: 760px;\n  margin: -10px 0 20px;\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-session-import-header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 24px;\n}\n\n.settings-session-import-header .settings-section-label {\n  min-width: 0;\n}\n\n.settings-session-import-harness {\n  display: flex;\n  min-width: 0;\n  margin: 0 0 16px;\n}\n\n.settings-session-import-harness__options {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  width: fit-content;\n  max-width: 100%;\n  gap: 8px;\n}\n\n.settings-session-import-harness__option {\n  min-height: 32px;\n  flex: none;\n  padding: 6px 10px;\n  color: var(--settings-muted);\n  font: inherit;\n  font-size: 12px;\n  white-space: nowrap;\n  background: transparent;\n  border: 1px solid var(--settings-border);\n  border-radius: 6px;\n  cursor: pointer;\n}\n\n.settings-session-import-harness__option[aria-pressed="true"] {\n  color: var(--settings-text);\n  background: var(--settings-active);\n  border-color: rgb(51 156 255 / 50%);\n}\n\n.settings-session-import-harness__option:disabled {\n  opacity: 0.38;\n  cursor: not-allowed;\n}\n\n.settings-session-import-harness__option:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.settings-session-import-search,\n.settings-session-import-pagination {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 10px;\n}\n\n.settings-session-import-search {\n  align-items: stretch;\n  margin: 16px 0 0;\n}\n\n.settings-session-import-pagination {\n  margin: 16px 0 0;\n}\n\n.settings-session-import-search input {\n  flex: 1;\n  min-width: 160px;\n}\n\n.settings-session-import-search input,\n.settings-session-import-pagination select {\n  box-sizing: border-box;\n  color: var(--settings-text);\n  background: var(--settings-bg);\n  border: 1px solid var(--settings-border);\n  border-radius: 6px;\n}\n\n.settings-session-import-search input,\n.settings-session-import-search .settings-command-button {\n  box-sizing: border-box;\n  height: 36px;\n  min-height: 36px;\n  padding: 6px 10px;\n  border-radius: 6px;\n}\n\n.settings-session-import-pagination select {\n  min-height: 28px;\n  padding: 2px 8px;\n}\n\n.settings-session-import-search input:focus-visible,\n.settings-session-import-pagination select:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.settings-session-import-pagination {\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-session-import-pagination label {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.settings-session-import-pagination > span {\n  flex: none;\n  min-width: 0;\n}\n\n.settings-session-import-pagination__navigation {\n  display: flex;\n  gap: 8px;\n  margin-left: auto;\n}\n\n.settings-session-import-content,\n.settings-session-import-list {\n  display: grid;\n  gap: 10px;\n}\n\n.settings-session-import-content {\n  margin-top: 16px;\n}\n\n.settings-session-import-status {\n  display: flex;\n  align-items: center;\n  min-height: 0;\n  gap: 12px;\n  padding: 12px 16px;\n  color: var(--settings-muted);\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 8px;\n}\n\n.settings-session-import-status.is-error {\n  color: #ef4444;\n}\n\n.settings-session-import-recovery {\n  display: grid;\n  justify-items: start;\n  gap: 14px;\n  padding: 16px;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 8px;\n}\n\n.settings-session-import-recovery:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.settings-session-import-recovery__copy {\n  display: grid;\n  gap: 4px;\n}\n\n.settings-session-import-recovery__copy strong {\n  color: var(--settings-text);\n  font-size: 14px;\n}\n\n.settings-session-import-recovery__copy p {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-session-import-recovery__path {\n  display: flex;\n  align-items: stretch;\n  width: 100%;\n  min-width: 0;\n  overflow: hidden;\n  border: 1px solid var(--settings-border);\n  border-radius: 6px;\n}\n\n.settings-session-import-recovery__path code {\n  min-width: 0;\n  flex: 1;\n  padding: 8px 10px;\n  overflow-x: auto;\n  color: var(--settings-text);\n  font-size: 12px;\n  line-height: 20px;\n  white-space: nowrap;\n}\n\n.settings-session-import-recovery__path .settings-command-button {\n  min-height: 0;\n  flex: none;\n  border-width: 0 0 0 1px;\n  border-radius: 0;\n}\n\n.settings-session-import-row {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 20px;\n  min-width: 0;\n  padding: 16px;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 8px;\n}\n\n.settings-session-import-row__copy {\n  display: grid;\n  min-width: 0;\n  gap: 4px;\n}\n\n.settings-session-import-row__copy strong {\n  overflow: hidden;\n  color: var(--settings-text);\n  font-size: 14px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-session-import-row__copy span,\n.settings-session-import-row__cwd {\n  overflow: hidden;\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-session-import-row__cwd {\n  display: block;\n  min-width: 0;\n  background: transparent;\n}\n\n.settings-session-import-row__action {\n  display: flex;\n  align-items: flex-end;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.settings-session-import-running {\n  color: var(--settings-muted);\n  font-size: 12px;\n}\n\n.settings-preference-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 32px;\n  min-height: 88px;\n  padding: 18px 0;\n  border-top: 1px solid var(--settings-divider);\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-preference-row__copy {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  min-width: 0;\n  gap: 5px;\n}\n\n.settings-preference-row__copy strong {\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.settings-preference-row__copy span {\n  max-width: 680px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-preference-switch {\n  display: inline-flex;\n  align-items: center;\n  width: 42px;\n  height: 24px;\n  flex: none;\n  padding: 2px;\n  border: 0;\n  border-radius: 999px;\n  background: var(--settings-surface-strong);\n  cursor: pointer;\n  transition: background 120ms ease;\n}\n\n.settings-preference-switch[aria-checked="true"] {\n  justify-content: flex-end;\n  background: var(--settings-focus);\n}\n\n.settings-preference-switch:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.settings-preference-switch__thumb {\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: var(--settings-primary-text);\n  box-shadow: 0 1px 3px rgb(0 0 0 / 24%);\n}\n\n.settings-connection-page-header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 18px;\n  margin-bottom: 18px;\n}\n\n.settings-connection-page-header .settings-section-label {\n  padding-bottom: 0;\n}\n\n.settings-connection-page-header .settings-page-description {\n  margin: 8px 0 0;\n}\n\n.settings-connection-page-header .settings-page-description + .settings-page-description {\n  margin-top: 8px;\n}\n\n.settings-update-header {\n  margin-bottom: 8px;\n}\n\n.settings-connections-content,\n.settings-plugins-content,\n.settings-connection-list,\n.settings-connection-rows {\n  min-width: 0;\n}\n\n.settings-connections-content,\n.settings-plugins-content {\n  display: grid;\n  gap: 12px;\n}\n\n.settings-connection-list {\n  overflow: hidden;\n  background: var(--settings-surface);\n  border: 1px solid var(--settings-border);\n  border-radius: 10px;\n}\n\n.settings-segmented {\n  display: inline-flex;\n  flex-wrap: wrap;\n  align-items: center;\n  width: fit-content;\n  max-width: 100%;\n  padding: 2px;\n  gap: 3px;\n  background: var(--settings-surface-strong);\n  border-radius: 10px;\n}\n\n.settings-segmented__item {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 28px;\n  padding: 4px 14px;\n  color: var(--settings-muted);\n  font: inherit;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 18px;\n  white-space: nowrap;\n  background: transparent;\n  border: 0;\n  border-radius: 8px;\n  cursor: pointer;\n  transition:\n    color 0.15s ease,\n    background-color 0.15s ease,\n    box-shadow 0.15s ease;\n}\n\n.settings-segmented__item:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-segmented__item--selected,\n.settings-segmented__item[aria-selected="true"],\n.settings-segmented__item[aria-pressed="true"] {\n  color: var(--settings-text);\n  background: var(--settings-elevated);\n  box-shadow: var(--settings-segmented-shadow);\n}\n\n.settings-segmented__item:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.settings-segmented__item:disabled:hover {\n  color: var(--settings-muted);\n  background: transparent;\n}\n\n.settings-segmented__item:focus-visible,\n.settings-connection-row:focus-visible,\n.settings-connection-install-link:focus-visible,\n.settings-connection-view-error:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 1px;\n}\n\n\n.settings-connection-host-tabs {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 6px;\n  overflow-x: auto;\n  overflow-y: hidden;\n  overscroll-behavior-x: contain;\n  scrollbar-width: none;\n  scroll-behavior: smooth;\n  scroll-snap-type: x proximity;\n  touch-action: pan-x;\n}\n\n.settings-connection-host-tabs::-webkit-scrollbar {\n  display: none;\n}\n\n.settings-connection-host-tab {\n  display: inline-flex;\n  align-items: center;\n  height: 30px;\n  min-width: max-content;\n  flex: none;\n  padding: 0 9px;\n  color: var(--settings-muted);\n  font: inherit;\n  font-size: 12px;\n  line-height: 18px;\n  white-space: nowrap;\n  background: var(--settings-inset);\n  border: 1px solid var(--settings-border);\n  border-radius: 7px;\n  cursor: pointer;\n  scroll-snap-align: start;\n}\n\n.settings-connection-host-tab:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-connection-host-tab[aria-selected="true"] {\n  color: var(--settings-text);\n  font-weight: 600;\n  background: var(--settings-active);\n  border-color: var(--settings-border);\n}\n\n.settings-connection-table-header,\n.settings-connection-row {\n  display: grid;\n  /* Component : Status : Actions = 4 : 3 : 3 */\n  grid-template-columns: minmax(0, 4fr) minmax(0, 3fr) minmax(0, 3fr);\n  align-items: center;\n  min-width: 0;\n  column-gap: 16px;\n}\n\n.settings-connection-table-header {\n  min-height: 30px;\n  padding: 0 10px;\n  color: var(--settings-muted);\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 16px;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  background: var(--settings-surface);\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-connection-rows > .settings-connection-row,\n.settings-connection-rows > .settings-connection-block {\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-connection-rows > .settings-connection-row:last-child,\n.settings-connection-rows > .settings-connection-block:last-child {\n  border-bottom: 0;\n}\n\n.settings-connection-row {\n  min-height: 52px;\n  padding: 8px 10px;\n  cursor: pointer;\n}\n\n.settings-connection-row:hover {\n  background: var(--settings-hover);\n}\n\n.settings-connection-row[data-connection-selected="true"] {\n  background: var(--settings-surface);\n}\n\n.settings-connection-row__identity,\n.settings-connection-inspector__identity {\n  display: inline-flex;\n  align-items: center;\n  min-width: 0;\n  gap: 8px;\n  color: var(--settings-text);\n}\n\n.settings-connection-row__identity strong,\n.settings-connection-inspector__identity strong {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 18px;\n}\n\n.settings-connection-row__mark {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  flex: none;\n  color: var(--settings-mark);\n  font-size: 10px;\n  font-weight: 700;\n  background: var(--settings-surface-strong);\n  border-radius: 7px;\n}\n\n.settings-connection-row__mark--logo {\n  color: var(--settings-text);\n  background: transparent;\n}\n\n.settings-connection-row__mark--logo > img,\n.settings-connection-row__mark--logo > svg {\n  display: block;\n  max-width: 18px;\n  max-height: 18px;\n}\n\n.settings-connection-table-header > :last-child {\n  text-align: end;\n}\n\n.settings-connection-row__status {\n  display: inline-flex;\n  align-items: center;\n  width: fit-content;\n  max-width: 100%;\n  gap: 6px;\n  color: var(--settings-muted);\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 18px;\n}\n\n.settings-connection-row__status::before {\n  width: 6px;\n  height: 6px;\n  flex: none;\n  content: "";\n  background: currentColor;\n  border-radius: 50%;\n}\n\n.settings-connection-row__status[data-connection-tone="ready"] {\n  color: var(--settings-success);\n}\n\n.settings-connection-row__status[data-connection-tone="checking"] {\n  color: var(--settings-warning);\n}\n\n.settings-connection-row__status[data-connection-tone="setup"] {\n  color: var(--settings-muted);\n}\n\n.settings-connection-row__status[data-connection-tone="setup"]::before {\n  background: transparent;\n  border: 1.5px solid currentColor;\n}\n\n.settings-connection-row__status[data-connection-tone="failed"] {\n  color: var(--settings-danger);\n}\n\n.settings-connection-row__action {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  min-width: 0;\n  gap: 4px;\n}\n\n.settings-connection-row__handle {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  color: var(--settings-muted);\n  cursor: grab;\n  opacity: 0.6;\n}\n\n.settings-connection-row__handle:hover {\n  opacity: 1;\n}\n\n.settings-connection-row[draggable="true"] {\n  cursor: grab;\n}\n\n.settings-connection-row[data-connection-dragging="true"] {\n  opacity: 0.4;\n}\n\n.settings-connection-row[data-connection-drop-indicator="before"] {\n  box-shadow: inset 0 2px 0 0 var(--settings-focus);\n}\n\n.settings-connection-row[data-connection-drop-indicator="after"] {\n  box-shadow: inset 0 -2px 0 0 var(--settings-focus);\n}\n\n.settings-connection-inline-detail {\n  display: grid;\n  gap: 12px;\n  margin-top: 2px;\n  padding: 14px 12px 16px;\n  border-top: 1px solid var(--settings-divider);\n  background: var(--settings-inset);\n}\n\n.settings-connection-group-divider {\n  padding: 10px 12px 6px;\n  color: var(--settings-muted);\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 16px;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  /* No border-top here: the row immediately above already carries its own\n     border-bottom (it is no longer :last-child once this divider follows\n     it), so adding one here would double the separator line. */\n}\n\n.settings-connection-group-divider[data-connection-drag-over="true"] {\n  color: var(--settings-focus);\n  background: rgb(51 156 255 / 8%);\n  border-radius: 6px;\n}\n\n.settings-connection-group-more[data-connection-drag-over="true"] {\n  background: rgb(51 156 255 / 8%);\n}\n\n.settings-connection-group-hint {\n  display: grid;\n  gap: 3px;\n  margin: 0 12px 12px;\n  padding: 14px 16px;\n  text-align: center;\n  border: 1.5px dashed var(--settings-border);\n  border-radius: 10px;\n}\n\n.settings-connection-group-more[data-connection-drag-over="true"] .settings-connection-group-hint {\n  border-color: var(--settings-focus);\n}\n\n.settings-connection-group-hint strong {\n  color: var(--settings-text);\n  font-size: 12.5px;\n  font-weight: 500;\n  line-height: 18px;\n}\n\n.settings-connection-group-hint span {\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 17px;\n}\n\n.settings-connection-group-reset {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  gap: 6px;\n  padding: 10px 12px;\n  color: var(--settings-muted);\n  font: inherit;\n  font-size: 12px;\n  text-align: left;\n  background: transparent;\n  border: 0;\n  border-top: 1px solid var(--settings-divider);\n  cursor: pointer;\n}\n\n.settings-connection-group-reset:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-connection-install-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 26px;\n  height: 26px;\n  color: var(--settings-focus);\n  text-decoration: none;\n  background: transparent;\n  border: 1px solid transparent;\n  border-radius: 7px;\n  opacity: 0;\n  transition: opacity 120ms ease;\n}\n\n.settings-connection-row:hover .settings-connection-install-link,\n.settings-connection-install-link:focus-visible {\n  opacity: 1;\n}\n\n.settings-connection-install-link:hover {\n  color: var(--settings-focus);\n  background: var(--settings-active);\n  border-color: var(--settings-border);\n}\n\n.settings-connection-view-error {\n  padding: 4px 7px;\n  color: var(--settings-danger);\n  font: inherit;\n  font-size: 11px;\n  line-height: 18px;\n  background: transparent;\n  border: 0;\n  border-radius: 6px;\n  cursor: pointer;\n}\n\n.settings-connection-view-error:hover {\n  color: var(--settings-danger);\n  background: var(--settings-danger-bg);\n}\n\n.settings-connection-inspector {\n  position: sticky;\n  top: 18px;\n}\n\n.settings-connection-inspector__header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  min-width: 0;\n  gap: 10px;\n  padding: 12px;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-connection-inspector__body {\n  display: grid;\n  min-width: 0;\n  gap: 12px;\n  padding: 12px;\n}\n\n.settings-connection-install-callout {\n  display: grid;\n  grid-template-columns: 28px minmax(0, 1fr);\n  gap: 9px;\n  padding: 11px;\n  background: var(--settings-surface);\n  border: 0;\n  border-radius: 8px;\n}\n\n.settings-connection-install-callout__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  color: var(--settings-focus);\n  background: var(--settings-active);\n  border-radius: 7px;\n}\n\n.settings-connection-install-callout strong,\n.settings-connection-error-summary strong,\n.settings-connection-state-summary strong {\n  display: block;\n  margin: 0 0 4px;\n  color: var(--settings-text);\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 18px;\n}\n\n.settings-connection-install-callout p,\n.settings-connection-error-summary p,\n.settings-connection-state-summary p,\n.settings-connection-issue-note {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 11px;\n  line-height: 16px;\n}\n\n.settings-connection-install-button {\n  width: fit-content;\n}\n\n.settings-connection-error-summary {\n  padding: 13px 14px;\n  color: var(--settings-danger);\n  background: var(--settings-danger-bg);\n  border: 1px solid var(--settings-danger-border);\n  border-radius: 10px;\n}\n\n.settings-connection-error-metadata {\n  display: grid;\n  gap: 7px;\n  padding: 12px;\n  background: var(--settings-inset);\n  border: 1px solid var(--settings-border);\n  border-radius: 9px;\n}\n\n.settings-connection-detail-line {\n  display: grid;\n  grid-template-columns: 92px minmax(0, 1fr);\n  gap: 10px;\n  min-width: 0;\n  color: var(--settings-muted);\n  font-size: 10px;\n  line-height: 16px;\n}\n\n.settings-connection-detail-line code {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  color: var(--settings-text);\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  white-space: pre-wrap;\n}\n\n.settings-connection-error-log-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n}\n\n.settings-connection-error-log-header strong {\n  color: var(--settings-text);\n  font-size: 11px;\n  font-weight: 600;\n}\n\n.settings-connection-error-log-header .settings-command-button {\n  min-height: 30px;\n  padding: 5px 9px;\n  font-size: 11px;\n}\n\n.settings-connection-stderr {\n  max-height: 220px;\n  min-width: 0;\n  margin: 0;\n  padding: 11px;\n  overflow: auto;\n  color: var(--settings-text);\n  font:\n    10px/16px ui-monospace,\n    "SFMono-Regular",\n    Consolas,\n    "Liberation Mono",\n    monospace;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  background: var(--settings-inset);\n  border: 1px solid var(--settings-border);\n  border-radius: 9px;\n}\n\n.settings-connection-error-actions {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  gap: 8px;\n}\n\n.settings-connection-error-actions .settings-command-button {\n  width: 100%;\n}\n\n.settings-connection-issue-note {\n  margin-top: -4px;\n}\n\n.settings-connection-state-summary {\n  padding: 14px;\n  background: var(--settings-surface);\n  border: 1px solid var(--settings-border);\n  border-radius: 10px;\n}\n\n.settings-empty {\n  display: flex;\n  align-items: center;\n  min-height: 72px;\n  padding: 12px 16px;\n}\n\n.settings-empty > div {\n  display: grid;\n  min-width: 0;\n  gap: 2px;\n}\n\n.settings-empty strong {\n  color: var(--settings-text);\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 19px;\n}\n\n.settings-empty span {\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 19px;\n}\n\n.settings-about-page {\n  display: flex;\n  flex-direction: column;\n  gap: 18px;\n  box-sizing: border-box;\n  min-height: min(620px, calc(100vh - 200px));\n  max-width: 720px;\n}\n\n.settings-about-page > .settings-section-label {\n  padding-bottom: 10px;\n}\n\n.settings-about-panel {\n  display: grid;\n  gap: 18px;\n  padding: 24px;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 12px;\n}\n\n.settings-about-product {\n  color: var(--settings-text);\n  font-size: 24px;\n  font-weight: 700;\n  line-height: 32px;\n}\n\n.settings-about-tagline {\n  color: var(--settings-text);\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 24px;\n}\n\n.settings-about-copy {\n  display: grid;\n  max-width: 660px;\n  gap: 12px;\n}\n\n.settings-about-lead,\n.settings-about-extension,\n.settings-about-closing p,\n.settings-about-copy p {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 21px;\n}\n\n.settings-about-lead {\n  color: var(--settings-text);\n  font-weight: 500;\n}\n\n.settings-about-agents {\n  display: grid;\n  gap: 10px;\n  margin: 2px 0;\n  padding: 0;\n  list-style: none;\n}\n\n.settings-about-agent {\n  display: grid;\n  gap: 4px;\n  padding-left: 2px;\n}\n\n.settings-about-agent-name {\n  color: var(--settings-text);\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 18px;\n}\n\n.settings-about-agent-name::before {\n  content: "\xB7 ";\n  color: var(--settings-muted);\n  font-weight: 600;\n}\n\n.settings-about-agent-description {\n  display: block;\n  padding-left: 0.85em;\n  color: var(--settings-muted);\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 18px;\n}\n\n.settings-about-closing {\n  display: grid;\n  gap: 8px;\n}\n\n.settings-about-repository {\n  gap: 10px;\n}\n\n.settings-about-open-source {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 0.35em;\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 21px;\n}\n\n.settings-about-repository p {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 21px;\n}\n\n.settings-about-star-callout {\n  margin: 4px 0 0;\n  color: var(--settings-warning);\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.settings-about-repository-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  color: #7cb8ff;\n  font-weight: 600;\n  line-height: 1;\n  text-decoration: none;\n}\n\n.settings-about-repository-link .codexhost-settings-icon {\n  display: block;\n  flex: none;\n}\n\n.settings-about-repository-link:hover {\n  text-decoration: underline;\n}\n\n.settings-about-brand {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  margin-top: auto;\n  padding-top: 12px;\n  color: inherit;\n  opacity: 0.9;\n  text-decoration: none;\n  transition: opacity 160ms ease;\n}\n\n.settings-about-brand:hover {\n  opacity: 1;\n}\n\n.settings-about-brand-video {\n  width: 40px;\n  height: 40px;\n  flex: none;\n  overflow: hidden;\n  object-fit: cover;\n  border-radius: 999px;\n  box-shadow: 0 1px 2px rgb(0 0 0 / 18%);\n}\n\n.settings-about-brand-copy {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 2px;\n}\n\n.settings-about-brand-name {\n  color: var(--settings-text);\n  font-size: 14px;\n  font-weight: 800;\n  letter-spacing: 0.18em;\n  line-height: 18px;\n}\n\n.settings-about-brand-tagline {\n  color: var(--settings-muted);\n  font-size: 12px;\n  font-weight: 500;\n  letter-spacing: 0.18em;\n  line-height: 16px;\n}\n\n.settings-page-error {\n  padding: 16px;\n  color: var(--settings-text);\n  font-size: 13px;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 20px;\n}\n\n.settings-update-metadata {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 24px;\n  margin-bottom: 24px;\n  padding: 0 0 20px;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-update-metadata__item {\n  display: grid;\n  min-width: 0;\n  gap: 4px;\n}\n\n.settings-update-metadata__item span {\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-update-metadata__item strong {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 500;\n  line-height: 22px;\n}\n\n/* The only emphasis on this screen: a latest version newer than the installed one. */\n.settings-update-metadata__value--newer {\n  color: var(--settings-focus);\n}\n\n.settings-update-panel {\n  display: grid;\n  gap: 12px;\n  padding: 20px;\n  color: var(--settings-text);\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 8px;\n}\n\n/* Soft status copy and the Update action should not sit in a framed card. */\n.settings-update-panel[data-update-state="unavailable"],\n.settings-update-panel[data-update-state="failed"],\n.settings-update-panel[data-update-state="error"],\n.settings-update-panel[data-update-state="available"] {\n  padding: 4px 0 0;\n  border: 0;\n  border-radius: 0;\n}\n\n.settings-update-panel__status-row {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 8px;\n  min-width: 0;\n}\n\n.settings-update-panel__status-row .settings-update-actions {\n  flex: none;\n}\n\n.settings-update-panel__status-row .settings-update-panel__head {\n  flex: 1 1 auto;\n  min-width: 0;\n}\n\n.settings-update-panel__head {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 8px;\n}\n\n.settings-update-panel__head .codexhost-settings-icon {\n  color: var(--settings-muted);\n}\n\n.settings-update-panel[data-update-state="available"]\n  .settings-update-panel__head\n  .codexhost-settings-icon,\n.settings-update-panel[data-update-state="downloading"]\n  .settings-update-panel__head\n  .codexhost-settings-icon,\n.settings-update-panel[data-update-state="installing"]\n  .settings-update-panel__head\n  .codexhost-settings-icon,\n.settings-update-panel[data-update-state="restarting"]\n  .settings-update-panel__head\n  .codexhost-settings-icon {\n  color: var(--settings-focus);\n}\n\n.settings-update-panel[data-update-state="current"]\n  .settings-update-panel__head\n  .codexhost-settings-icon {\n  color: var(--settings-success);\n}\n\n.settings-update-panel[data-update-state="failed"]\n  .settings-update-panel__head\n  .codexhost-settings-icon,\n.settings-update-panel[data-update-state="error"]\n  .settings-update-panel__head\n  .codexhost-settings-icon {\n  color: var(--settings-danger);\n}\n\n.settings-update-panel[data-update-state="unavailable"]\n  .settings-update-panel__head\n  .codexhost-settings-icon {\n  color: var(--settings-muted);\n}\n\n.settings-update-panel__title {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  color: var(--settings-text);\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.settings-update-summary,\n.settings-update-error {\n  margin: 0;\n  overflow-wrap: anywhere;\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-update-summary {\n  color: var(--settings-muted);\n}\n\n.settings-update-error {\n  color: var(--settings-danger);\n}\n\n.settings-update-progress {\n  width: 100%;\n  height: 8px;\n  accent-color: var(--settings-focus);\n}\n\n.settings-update-progress-detail {\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n/* Release notes scroll with the page; a scroller inside a scroller traps the wheel. */\n.settings-update-notes-section {\n  min-width: 0;\n  margin-top: 24px;\n  padding-top: 24px;\n  border-top: 1px solid var(--settings-divider);\n}\n\n.settings-update-notes-section:empty {\n  display: none;\n}\n\n.settings-update-notes {\n  display: grid;\n  min-width: 0;\n  gap: 12px;\n  color: var(--settings-muted);\n  font-size: 14px;\n  line-height: 22px;\n  overflow-wrap: anywhere;\n}\n\n.settings-update-notes > :first-child {\n  margin-top: 0;\n}\n\n.settings-update-notes > :last-child {\n  margin-bottom: 0;\n}\n\n.settings-update-notes h1,\n.settings-update-notes h2,\n.settings-update-notes h3,\n.settings-update-notes h4,\n.settings-update-notes h5,\n.settings-update-notes h6 {\n  margin: 6px 0 0;\n  color: var(--settings-text);\n  font-weight: 600;\n}\n\n.settings-update-notes h1 {\n  font-size: 18px;\n  line-height: 26px;\n}\n\n.settings-update-notes h2 {\n  font-size: 17px;\n  line-height: 24px;\n}\n\n.settings-update-notes h3,\n.settings-update-notes h4,\n.settings-update-notes h5,\n.settings-update-notes h6 {\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.settings-update-notes p,\n.settings-update-notes ul,\n.settings-update-notes ol,\n.settings-update-notes pre,\n.settings-update-notes blockquote {\n  margin: 0;\n}\n\n.settings-update-notes ul,\n.settings-update-notes ol {\n  padding-left: 24px;\n}\n\n.settings-update-notes li {\n  padding-left: 4px;\n}\n\n.settings-update-notes li::marker {\n  color: var(--settings-muted);\n  font-size: 0.85em;\n}\n\n.settings-update-notes li + li {\n  margin-top: 14px;\n}\n\n.settings-update-notes .release-note-translation {\n  display: block;\n  margin-top: 3px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-update-notes blockquote {\n  padding: 8px 12px;\n  color: var(--settings-muted);\n  border-left: 3px solid var(--settings-focus);\n  background: var(--settings-surface);\n}\n\n.settings-update-notes hr {\n  width: 100%;\n  margin: 2px 0;\n  border: 0;\n  border-top: 1px solid var(--settings-divider);\n}\n\n.settings-update-notes strong {\n  color: var(--settings-text);\n  font-weight: 600;\n}\n\n.settings-update-notes a {\n  color: var(--settings-focus);\n  text-decoration: none;\n}\n\n.settings-update-notes a:hover {\n  text-decoration: underline;\n}\n\n.settings-update-notes code {\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  font-size: 12px;\n}\n\n.settings-update-notes :not(pre) > code {\n  padding: 1px 5px;\n  background: var(--settings-surface-strong);\n  border-radius: 4px;\n}\n\n.settings-update-notes pre {\n  min-width: 0;\n  max-width: 100%;\n  padding: 10px 12px;\n  overflow-x: auto;\n  overflow-y: hidden;\n  background: var(--settings-inset);\n  border-radius: 6px;\n}\n\n.settings-update-notes pre code {\n  line-height: 18px;\n  white-space: pre-wrap;\n}\n\n/* Manual update sits directly under the status panel, not behind a disclosure:\n   automatic updates can fail for machine-local reasons and this is the way out. */\n.settings-update-controls {\n  display: grid;\n  min-width: 0;\n  gap: 10px;\n  margin-top: 24px;\n}\n\n.settings-update-manual-title {\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.settings-update-manual {\n  display: grid;\n  min-width: 0;\n  gap: 8px;\n}\n\n.settings-update-manual[hidden] {\n  display: none;\n}\n\n.settings-update-manual-description {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-update-manual-description.is-fallback {\n  color: var(--settings-danger);\n}\n\n.settings-update-command {\n  display: flex;\n  align-items: stretch;\n  min-width: 0;\n  overflow: hidden;\n  border: 1px solid var(--settings-border);\n  border-radius: 6px;\n}\n\n.settings-update-command code {\n  min-width: 0;\n  flex: 1;\n  padding: 9px 12px;\n  overflow-x: auto;\n  color: var(--settings-text);\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  font-size: 12px;\n  line-height: 20px;\n  white-space: nowrap;\n}\n\n.settings-update-command__copy {\n  display: inline-flex;\n  align-items: center;\n  flex: none;\n  gap: 6px;\n  padding: 0 12px;\n  color: var(--settings-muted);\n  font-size: 12px;\n  background: transparent;\n  border: 0;\n  border-left: 1px solid var(--settings-border);\n  cursor: pointer;\n}\n\n.settings-update-command__copy:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-update-command__copy:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: -2px;\n}\n\n.settings-update-actions {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n.settings-command-button,\n.settings-update-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: none;\n  width: max-content;\n  max-width: 100%;\n  min-height: 30px;\n  gap: 6px;\n  padding: 5px 10px;\n  white-space: nowrap;\n  color: var(--settings-primary-text);\n  font: inherit;\n  font-size: 12px;\n  text-decoration: none;\n  background: var(--settings-primary);\n  border: 1px solid var(--settings-primary);\n  border-radius: 7px;\n  cursor: pointer;\n}\n\n.settings-command-button--secondary,\n.settings-update-link {\n  color: var(--settings-muted);\n  background: transparent;\n  border-color: var(--settings-border);\n}\n\n.settings-command-button--secondary .codexhost-settings-icon,\n.settings-update-link .codexhost-settings-icon {\n  color: var(--settings-muted);\n}\n\n.settings-command-button:hover:not(.settings-command-button--secondary) {\n  filter: brightness(1.08);\n}\n\n.settings-command-button--danger {\n  color: var(--settings-danger);\n}\n\n.settings-command-button--danger:hover:not(:disabled) {\n  color: #fecaca;\n  background: var(--settings-danger-bg);\n  border-color: var(--settings-danger-border);\n}\n\n.settings-command-button--secondary:hover,\n.settings-update-link:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-command-button--secondary:hover .codexhost-settings-icon,\n.settings-update-link:hover .codexhost-settings-icon {\n  color: var(--settings-text);\n}\n\n.settings-command-button:disabled,\n.settings-command-button[aria-disabled="true"] {\n  opacity: 0.55;\n  cursor: not-allowed;\n  filter: none;\n}\n\n.settings-command-button:focus-visible,\n.settings-update-link:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.settings-visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n.settings-session-import-content {\n  display: grid;\n  min-width: 0;\n  gap: 12px;\n  margin-top: 16px;\n}\n\n.settings-session-import-list {\n  display: grid;\n  min-width: 0;\n  overflow: hidden;\n  background: var(--settings-surface);\n  border: 1px solid var(--settings-border);\n  border-radius: 12px;\n}\n\n.settings-session-import-row {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  align-items: center;\n  min-width: 0;\n  gap: 16px;\n  padding: 14px 16px;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-session-import-row:last-child {\n  border-bottom: 0;\n}\n\n.settings-session-import-row__copy {\n  display: grid;\n  min-width: 0;\n  gap: 4px;\n}\n\n.settings-session-import-row__copy strong {\n  color: var(--settings-text);\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 20px;\n}\n\n.settings-session-import-row__copy span,\n.settings-session-import-row__cwd {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-session-import-row__cwd {\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n}\n\n.settings-session-import-row__action {\n  display: flex;\n  align-items: center;\n  flex: none;\n  gap: 8px;\n}\n\n.settings-session-import-running {\n  color: #f5c542;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 18px;\n  white-space: nowrap;\n}\n\n.settings-session-import-recovery {\n  display: grid;\n  min-width: 0;\n  gap: 12px;\n  padding: 16px;\n  background: var(--settings-surface);\n  border: 1px solid var(--settings-border);\n  border-radius: 12px;\n}\n\n.settings-session-import-recovery__copy {\n  display: grid;\n  gap: 6px;\n}\n\n.settings-session-import-recovery__copy strong {\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.settings-session-import-recovery__copy p {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-session-import-recovery__path {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 8px;\n}\n\n.settings-session-import-recovery__path code {\n  min-width: 0;\n  flex: 1;\n  overflow-wrap: anywhere;\n  color: var(--settings-text);\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.codexhost-settings-icon {\n  display: block;\n  flex: none;\n  stroke: currentColor;\n}\n\n@media (max-width: 720px) {\n  .codexhost-settings-dialog {\n    width: calc(100vw - 16px);\n    height: calc(100vh - 16px);\n    border-radius: 10px;\n  }\n\n  .settings-layout {\n    grid-template-columns: minmax(0, 1fr);\n    grid-template-rows: auto minmax(0, 1fr);\n  }\n\n  .settings-sidebar {\n    border-right: 0;\n    border-bottom: 1px solid var(--settings-border);\n  }\n\n  .settings-header {\n    height: 56px;\n    padding-inline: 14px;\n  }\n\n  .settings-sidebar {\n    padding-top: 20px;\n  }\n\n  .settings-nav {\n    flex: none;\n    flex-direction: row;\n    gap: 4px;\n    padding: 7px 8px 8px;\n    overflow-x: auto;\n    overflow-y: hidden;\n  }\n\n  .settings-nav-section-label {\n    display: none;\n  }\n\n  .settings-nav-button {\n    width: auto;\n    min-width: max-content;\n    min-height: 34px;\n    grid-template-columns: 16px auto;\n    border-radius: 10px;\n  }\n\n  .settings-page__content {\n    width: calc(100% - 40px);\n  }\n\n  .settings-page__content {\n    padding-top: 32px;\n    padding-bottom: 32px;\n  }\n\n  .settings-section-label {\n    padding-bottom: 20px;\n    font-size: 20px;\n    line-height: 26px;\n  }\n\n  .settings-update-metadata {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 16px;\n  }\n\n  .settings-status-row {\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: 16px;\n  }\n\n  .settings-account-header,\n  .settings-connection-page-header {\n    flex-direction: column;\n  }\n\n  .settings-account-header > .settings-command-button,\n  .settings-connection-page-header > .settings-command-button {\n    width: 100%;\n  }\n\n  .settings-session-import-row {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .settings-session-import-row__action {\n    justify-content: flex-start;\n    flex-wrap: wrap;\n  }\n\n  .settings-status-row__detail {\n    grid-column: 1 / -1;\n    margin: -8px 0 0 58px;\n  }\n}\n\n@media (forced-colors: active) {\n  :host,\n  :host([data-theme="light"]),\n  :host([data-theme="dark"]) {\n    --settings-bg: Canvas;\n    --settings-sidebar: Canvas;\n    --settings-panel: Canvas;\n    --settings-surface: Canvas;\n    --settings-surface-hover: Highlight;\n    --settings-inset: Canvas;\n    --settings-text: CanvasText;\n    --settings-muted: GrayText;\n    --settings-subtle: GrayText;\n    --settings-border: ButtonBorder;\n    --settings-divider: ButtonBorder;\n    --settings-hover: Highlight;\n    --settings-active: Highlight;\n    --settings-focus: Highlight;\n    --settings-elevated: Canvas;\n    --settings-surface-strong: Canvas;\n    --settings-mark: CanvasText;\n    --settings-primary: ButtonFace;\n    --settings-primary-hover: Highlight;\n    --settings-primary-text: ButtonText;\n    --settings-warning: CanvasText;\n    --settings-warning-bg: Canvas;\n    --settings-warning-border: ButtonBorder;\n    --settings-danger: CanvasText;\n    --settings-danger-bg: Canvas;\n    --settings-danger-border: ButtonBorder;\n    --settings-success: CanvasText;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  *,\n  *::before,\n  *::after {\n    scroll-behavior: auto !important;\n    transition-duration: 0s !important;\n  }\n}\n';
 
   // src/settings/accounts.css
-  var accounts_default = '.settings-harness-accounts {\n  margin-top: 32px;\n}\n\n.settings-harness-accounts__title {\n  margin: 0 0 16px;\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.settings-harness-account__identity {\n  min-width: 0;\n}\n\n.settings-harness-account__identity > .settings-account-email {\n  display: block;\n  max-width: 24ch;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-harness-account__logo {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  flex: none;\n}\n\n.settings-harness-account {\n  display: grid;\n  grid-template-columns: minmax(180px, 1fr) minmax(0, 2fr);\n  align-items: center;\n  gap: 24px;\n  padding: 24px;\n}\n\n.settings-harness-account + .settings-harness-account {\n  border-top: 1px solid var(--settings-border);\n}\n\n.settings-harness-account > div {\n  min-width: 0;\n  overflow-wrap: anywhere;\n}\n\n@media (max-width: 700px) {\n  .settings-harness-account {\n    grid-template-columns: minmax(0, 1fr);\n    padding: 16px;\n  }\n}\n\n.settings-account-header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 20px;\n}\n\n.settings-account-header > :first-child {\n  min-width: 0;\n  flex: 1 1 auto;\n}\n\n.settings-account-header > .settings-command-button {\n  flex: none;\n  white-space: nowrap;\n  min-height: 36px;\n  padding: 8px 12px;\n  border-radius: 7px;\n}\n\n.settings-account-header .settings-section-label {\n  margin: 0;\n  padding: 0;\n  font-size: 27px;\n  line-height: 1.4;\n  font-weight: 650;\n  letter-spacing: -0.035em;\n}\n.settings-account-header .settings-page-description {\n  margin: 8px 0 0;\n  font-size: 13px;\n}\n\n.settings-account-status {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 12px;\n}\n.settings-account-status:empty {\n  display: none;\n}\n\n.settings-account-help-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  margin-top: 20px;\n  flex-wrap: wrap;\n}\n.settings-account-task-hint {\n  display: flex;\n  align-items: flex-start;\n  gap: 9px;\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 12px;\n  flex: 1 1 280px;\n}\n.settings-account-task-hint svg {\n  flex: none;\n  margin-top: 1px;\n}\n.settings-account-help-button {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  padding: 8px 12px;\n  color: var(--settings-muted);\n  font-size: 12px;\n  background: transparent;\n  border: 0;\n  border-radius: 7px;\n  cursor: pointer;\n}\n.settings-account-help-button:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n.settings-account-device-code-note {\n  margin: 12px 0 0;\n  font-size: 12px;\n  padding: 10px 12px;\n  color: var(--settings-warning);\n  background: var(--settings-warning-bg);\n  border: 1px solid var(--settings-warning-border);\n  border-radius: 8px;\n}\n\n.settings-account-toolbar {\n  margin-top: 27px;\n  padding: 18px 0;\n  border-top: 1px solid var(--settings-border);\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  flex-wrap: wrap;\n}\n.settings-account-count {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 13px;\n  white-space: nowrap;\n}\n.settings-account-count > :last-child {\n  color: var(--settings-muted);\n  font-variant-numeric: tabular-nums;\n}\n.settings-account-search {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: var(--settings-muted);\n  margin-right: auto;\n  min-width: 0;\n  max-width: 100%;\n}\n.settings-account-search svg {\n  flex: none;\n}\n.settings-account-toolbar input {\n  min-width: 80px;\n  width: 150px;\n  max-width: 100%;\n  padding: 5px 0;\n  color: var(--settings-text);\n  background: transparent;\n  border: 0;\n  font-size: 13px;\n}\n.settings-account-toolbar input::placeholder {\n  color: var(--settings-muted);\n}\n.settings-account-display-controls {\n  display: flex;\n  padding: 3px;\n  border: 1px solid var(--settings-border);\n  border-radius: 7px;\n  background: var(--settings-inset);\n}\n.settings-account-display-controls button {\n  padding: 4px 10px;\n  color: var(--settings-muted);\n  background: transparent;\n  border: 0;\n  border-radius: 4px;\n  font-size: 12px;\n  cursor: pointer;\n}\n.settings-account-display-controls button:hover {\n  color: var(--settings-text);\n}\n.settings-account-display-controls button[aria-pressed="true"] {\n  color: var(--settings-text);\n  background: var(--settings-active);\n}\n\n.settings-account-list {\n  --account-border: light-dark(#e2e2e8, #36363b);\n  --account-muted: light-dark(#676773, #a5a5af);\n  border: 1px solid var(--account-border);\n  border-radius: 11px;\n  overflow: hidden;\n  container-type: inline-size;\n}\n.settings-account-table {\n  width: 100%;\n  table-layout: fixed;\n  border-collapse: collapse;\n  font-size: 12px;\n}\n.settings-account-table th {\n  padding: 13px 20px;\n  color: var(--account-muted);\n  background: light-dark(#f8f8fa, #202024);\n  font-size: 11px;\n  font-weight: 500;\n  text-align: left;\n}\n.settings-account-table th:nth-child(1) {\n  width: 32%;\n}\n.settings-account-table th:nth-child(2) {\n  width: 38%;\n}\n.settings-account-table th:nth-child(3) {\n  width: 12%;\n}\n.settings-account-table th:nth-child(4) {\n  width: 18%;\n  text-align: right;\n}\n.settings-account-table td {\n  padding: 19px 20px;\n  vertical-align: middle;\n  border-top: 1px solid var(--settings-divider);\n}\n.settings-account-row {\n  background: light-dark(#ffffff, #232326);\n}\n.settings-account-row:hover {\n  background: light-dark(#f7f7fa, #26262a);\n}\n.settings-account-row__person {\n  display: grid;\n  grid-template-columns: 34px minmax(0, 1fr);\n  align-items: center;\n  gap: 11px;\n  min-width: 0;\n}\n.settings-account-row__mark {\n  display: grid;\n  place-items: center;\n  width: 34px;\n  height: 34px;\n  color: light-dark(#67558d, #c3baff);\n  background: light-dark(#f0ecf7, #353044);\n  border: 1px solid light-dark(#d9d0e6, #4d435f);\n  border-radius: 10px;\n}\n.settings-account-row__identity {\n  min-width: 0;\n}\n.settings-account-title {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n.settings-account-email {\n  min-width: 0;\n  overflow: hidden;\n  font-size: 13px;\n  font-weight: 550;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.settings-account-metadata {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 7px;\n  margin-top: 4px;\n  color: var(--settings-muted);\n}\n.settings-account-domain {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.settings-account-plan-separator {\n  flex: none;\n}\n.settings-account-plan {\n  flex: none;\n  padding: 1px 6px;\n  color: var(--settings-muted);\n  border: 1px solid var(--settings-border);\n  border-radius: 5px;\n  font-size: 11px;\n  white-space: nowrap;\n}\n.settings-account-plan--highlighted {\n  color: light-dark(#654f91, #c8bfff);\n  background: light-dark(#f2edf9, #a99bff18);\n  border-color: light-dark(#d9ccea, #a99bff52);\n  font-weight: 600;\n}\n.settings-account-active {\n  flex: none;\n  padding: 2px 7px;\n  color: light-dark(#66548e, #bdb4ff);\n  background: light-dark(#f4f0fb, #aca0ff12);\n  border: 1px solid light-dark(#dfd5f1, #aca0ff24);\n  border-radius: 5px;\n  font-size: 11px;\n  white-space: nowrap;\n}\n\n.settings-account-usage {\n  display: grid;\n  gap: 14px;\n  max-width: 380px;\n}\n.settings-account-usage__meter {\n  display: grid;\n  grid-template-columns: 48px minmax(36px, 1fr) 96px;\n  align-items: center;\n  gap: 3px 10px;\n}\n:host([lang="zh-CN"]) .settings-account-usage__meter {\n  grid-template-columns: 48px minmax(36px, 1fr) 72px;\n}\n\n.settings-account-usage__title {\n  color: light-dark(#5d5d68, #c3c3cd);\n  font-size: 12px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.settings-account-usage__percent {\n  display: flex;\n  align-items: baseline;\n  justify-content: flex-end;\n  gap: 4px;\n  font-size: 14px;\n  font-weight: 600;\n  font-variant-numeric: tabular-nums;\n  white-space: nowrap;\n}\n.settings-account-usage__value-label {\n  color: var(--settings-muted);\n  font-size: 11px;\n  font-weight: 400;\n}\n.settings-account-usage__percent--warn {\n  color: var(--settings-warning);\n}\n.settings-account-usage__percent--hot {\n  color: var(--settings-danger);\n}\n.settings-account-usage__bar {\n  height: 4px;\n  overflow: hidden;\n  background: light-dark(#e3e1e8, #3c3c43);\n  border-radius: 4px;\n}\n.settings-account-usage__bar > span {\n  display: block;\n  height: 100%;\n  background: light-dark(#81769e, #9993b8);\n  border-radius: inherit;\n}\n.settings-account-usage__bar--warn > span {\n  background: var(--settings-warning);\n}\n.settings-account-usage__bar--hot > span {\n  background: var(--settings-danger);\n}\n.settings-account-usage__sub {\n  grid-column: 2 / -1;\n  color: var(--account-muted);\n  font-size: 11px;\n  font-variant-numeric: tabular-nums;\n  overflow-wrap: anywhere;\n}\n.settings-account-usage__message,\n.settings-account-unknown {\n  color: var(--settings-muted);\n}\n.settings-account-usage > button {\n  justify-self: start;\n}\n.settings-account-actions {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 4px;\n  flex-wrap: wrap;\n}\n.settings-account-action {\n  padding: 8px 10px;\n  min-height: 36px;\n  font-size: 12px;\n  color: var(--settings-text);\n  background: transparent;\n  border: 1px solid transparent;\n  border-radius: 7px;\n  white-space: nowrap;\n  cursor: pointer;\n}\n.settings-account-action:hover {\n  background: var(--settings-hover);\n}\n.settings-account-action:disabled {\n  opacity: 0.45;\n  cursor: not-allowed;\n}\n.settings-account-actions .settings-account-delete {\n  color: var(--settings-muted);\n}\n.settings-account-actions .settings-account-delete:hover,\n.settings-account-actions .settings-account-delete:focus-visible {\n  color: var(--settings-danger);\n  background: var(--settings-danger-bg);\n}\n.settings-account-mobile-label {\n  display: none;\n}\n.settings-account-reset-summary {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  min-height: 32px;\n  padding: 3px 0;\n  font-size: 12px;\n  white-space: nowrap;\n  color: var(--settings-text);\n  background: transparent;\n  border: 0;\n  border-radius: 5px;\n  cursor: pointer;\n}\n.settings-account-reset-summary:hover {\n  background: var(--settings-hover);\n}\n.settings-account-reset-summary[aria-expanded="true"] > svg:last-child {\n  transform: rotate(90deg);\n}\n.settings-account-details-row > td {\n  background: var(--settings-inset);\n}\n.settings-account-reset-details {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n.settings-account-reset-details strong {\n  font-size: 12px;\n}\n.settings-account-reset-expiry {\n  margin: 6px 0;\n  color: var(--settings-muted);\n  font-size: 11px;\n}\n.settings-account-reset-expiry.is-warn {\n  color: var(--settings-warning);\n}\n.settings-account-reset-expiry.is-hot {\n  color: var(--settings-danger);\n}\n.settings-account-reset-list {\n  margin: 8px 0 0;\n  padding: 0;\n  list-style: none;\n  color: var(--settings-muted);\n  font-size: 11px;\n}\n.settings-account-reset-list li + li {\n  margin-top: 4px;\n}\n.settings-account-empty {\n  text-align: center;\n  color: var(--settings-muted);\n}\n.settings-account-verification {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  color: var(--settings-muted);\n}\n.settings-account-verification a {\n  color: var(--settings-focus);\n  overflow-wrap: anywhere;\n}\n.settings-account-verification code {\n  padding: 5px 8px;\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 600;\n  letter-spacing: 0.08em;\n  background: var(--settings-inset);\n  border-radius: 6px;\n}\n.settings-account-list :focus-visible,\n.settings-account-toolbar :focus-visible,\n.settings-account-help-button:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: -2px;\n}\n\n@container (min-width: 611px) and (max-width: 800px) {\n  .settings-account-table th,\n  .settings-account-table td {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n  .settings-account-table th:nth-child(1) {\n    width: 30%;\n  }\n  .settings-account-table th:nth-child(2) {\n    width: 37%;\n  }\n  .settings-account-table th:nth-child(4) {\n    width: 21%;\n  }\n}\n\n@container (max-width: 610px) {\n  .settings-account-table,\n  .settings-account-table tbody {\n    display: block;\n  }\n  .settings-account-table thead {\n    display: none;\n  }\n  .settings-account-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    padding: 16px;\n    gap: 12px;\n    border-bottom: 1px solid var(--settings-divider);\n  }\n  .settings-account-table .settings-account-row > td {\n    padding: 0;\n    border: 0;\n  }\n  .settings-account-row > td:nth-child(1),\n  .settings-account-row > td:nth-child(2) {\n    grid-column: 1 / -1;\n  }\n  .settings-account-row > td:nth-child(3) {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n  .settings-account-mobile-label {\n    display: inline;\n    color: var(--settings-muted);\n    font-size: 11px;\n  }\n  .settings-account-usage {\n    max-width: none;\n  }\n  .settings-account-table tr:not(.settings-account-row),\n  .settings-account-table tr:not(.settings-account-row) > td {\n    display: block;\n  }\n}\n\n@media (forced-colors: active) {\n  .settings-account-usage__bar {\n    border: 1px solid CanvasText;\n  }\n  .settings-account-usage__bar > span {\n    background: Highlight;\n  }\n}\n';
+  var accounts_default = '.settings-harness-accounts {\n  margin-top: 32px;\n}\n\n.settings-harness-accounts__title {\n  margin: 0 0 16px;\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.settings-harness-account__identity {\n  min-width: 0;\n}\n\n.settings-harness-account__identity > .settings-account-email {\n  display: block;\n  max-width: 24ch;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-harness-account__logo {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  flex: none;\n}\n\n.settings-harness-account {\n  display: grid;\n  grid-template-columns: minmax(180px, 1fr) minmax(0, 2fr);\n  align-items: center;\n  gap: 24px;\n  padding: 24px;\n}\n\n.settings-harness-account + .settings-harness-account {\n  border-top: 1px solid var(--settings-border);\n}\n\n.settings-harness-account > div {\n  min-width: 0;\n  overflow-wrap: anywhere;\n}\n\n@media (max-width: 700px) {\n  .settings-harness-account {\n    grid-template-columns: minmax(0, 1fr);\n    padding: 16px;\n  }\n}\n\n.settings-account-header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 20px;\n}\n\n.settings-account-header > :first-child {\n  min-width: 0;\n  flex: 1 1 auto;\n}\n\n.settings-account-header > .settings-command-button {\n  flex: none;\n  white-space: nowrap;\n  min-height: 36px;\n  padding: 8px 12px;\n  border-radius: 7px;\n}\n\n.settings-account-header .settings-section-label {\n  margin: 0;\n  padding: 0;\n  font-size: 27px;\n  line-height: 1.4;\n  font-weight: 650;\n  letter-spacing: -0.035em;\n}\n.settings-account-header .settings-page-description {\n  margin: 8px 0 0;\n  font-size: 13px;\n}\n\n.settings-account-status {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 12px;\n}\n.settings-account-status:empty {\n  display: none;\n}\n\n.settings-account-help-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  margin-top: 20px;\n  flex-wrap: wrap;\n}\n.settings-account-task-hint {\n  display: flex;\n  align-items: flex-start;\n  gap: 9px;\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 12px;\n  flex: 1 1 280px;\n}\n.settings-account-task-hint svg {\n  flex: none;\n  margin-top: 1px;\n}\n.settings-account-help-button {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  padding: 8px 12px;\n  color: var(--settings-muted);\n  font-size: 12px;\n  background: transparent;\n  border: 0;\n  border-radius: 7px;\n  cursor: pointer;\n}\n.settings-account-help-button:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n.settings-account-device-code-note {\n  margin: 12px 0 0;\n  font-size: 12px;\n  padding: 10px 12px;\n  color: var(--settings-warning);\n  background: var(--settings-warning-bg);\n  border: 1px solid var(--settings-warning-border);\n  border-radius: 8px;\n}\n\n.settings-account-toolbar {\n  margin-top: 27px;\n  padding: 18px 0;\n  border-top: 1px solid var(--settings-border);\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  flex-wrap: wrap;\n}\n.settings-account-count {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 13px;\n  white-space: nowrap;\n}\n.settings-account-count > :last-child {\n  color: var(--settings-muted);\n  font-variant-numeric: tabular-nums;\n}\n.settings-account-search {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: var(--settings-muted);\n  margin-right: auto;\n  min-width: 0;\n  max-width: 100%;\n}\n.settings-account-search svg {\n  flex: none;\n}\n.settings-account-toolbar input {\n  min-width: 80px;\n  width: 150px;\n  max-width: 100%;\n  padding: 5px 0;\n  color: var(--settings-text);\n  background: transparent;\n  border: 0;\n  font-size: 13px;\n}\n.settings-account-toolbar input::placeholder {\n  color: var(--settings-muted);\n}\n.settings-account-display-controls {\n  display: flex;\n  padding: 3px;\n  border: 1px solid var(--settings-border);\n  border-radius: 7px;\n  background: var(--settings-inset);\n}\n.settings-account-display-controls button {\n  padding: 4px 10px;\n  color: var(--settings-muted);\n  background: transparent;\n  border: 0;\n  border-radius: 4px;\n  font-size: 12px;\n  cursor: pointer;\n}\n.settings-account-display-controls button:hover {\n  color: var(--settings-text);\n}\n.settings-account-display-controls button[aria-pressed="true"] {\n  color: var(--settings-text);\n  background: var(--settings-active);\n}\n\n.settings-account-list {\n  --account-border: light-dark(#e2e2e8, #36363b);\n  --account-muted: light-dark(#676773, #a5a5af);\n  border: 1px solid var(--account-border);\n  border-radius: 11px;\n  overflow: hidden;\n  container-type: inline-size;\n}\n.settings-account-table {\n  width: 100%;\n  table-layout: fixed;\n  border-collapse: collapse;\n  font-size: 12px;\n}\n.settings-account-table th {\n  padding: 13px 20px;\n  color: var(--account-muted);\n  background: light-dark(#f8f8fa, #202024);\n  font-size: 11px;\n  font-weight: 500;\n  text-align: left;\n}\n.settings-account-table th:nth-child(1) {\n  width: 32%;\n}\n.settings-account-table th:nth-child(2) {\n  width: 38%;\n}\n.settings-account-table th:nth-child(3) {\n  width: 12%;\n}\n.settings-account-table th:nth-child(4) {\n  width: 18%;\n  text-align: right;\n}\n.settings-account-table td {\n  padding: 19px 20px;\n  vertical-align: middle;\n  border-top: 1px solid var(--settings-divider);\n}\n.settings-account-row {\n  background: light-dark(#ffffff, #232326);\n}\n.settings-account-row:hover {\n  background: light-dark(#f7f7fa, #26262a);\n}\n.settings-account-row__person {\n  display: grid;\n  grid-template-columns: 34px minmax(0, 1fr);\n  align-items: center;\n  gap: 11px;\n  min-width: 0;\n}\n.settings-account-row__mark {\n  display: grid;\n  place-items: center;\n  width: 34px;\n  height: 34px;\n  color: light-dark(#67558d, #c3baff);\n  background: light-dark(#f0ecf7, #353044);\n  border: 1px solid light-dark(#d9d0e6, #4d435f);\n  border-radius: 10px;\n}\n.settings-account-row__identity {\n  min-width: 0;\n}\n.settings-account-title {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n.settings-account-email {\n  min-width: 0;\n  overflow: hidden;\n  font-size: 13px;\n  font-weight: 550;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.settings-account-metadata {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 7px;\n  margin-top: 4px;\n  color: var(--settings-muted);\n}\n.settings-account-domain {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.settings-account-plan-separator {\n  flex: none;\n}\n.settings-account-plan {\n  flex: none;\n  padding: 1px 6px;\n  color: var(--settings-muted);\n  border: 1px solid var(--settings-border);\n  border-radius: 5px;\n  font-size: 11px;\n  white-space: nowrap;\n}\n.settings-account-plan--highlighted {\n  color: light-dark(#654f91, #c8bfff);\n  background: light-dark(#f2edf9, #a99bff18);\n  border-color: light-dark(#d9ccea, #a99bff52);\n  font-weight: 600;\n}\n.settings-account-active {\n  flex: none;\n  padding: 2px 7px;\n  color: light-dark(#66548e, #bdb4ff);\n  background: light-dark(#f4f0fb, #aca0ff12);\n  border: 1px solid light-dark(#dfd5f1, #aca0ff24);\n  border-radius: 5px;\n  font-size: 11px;\n  white-space: nowrap;\n}\n\n.settings-account-usage {\n  display: grid;\n  gap: 14px;\n  max-width: 380px;\n}\n.settings-account-usage__meter {\n  display: grid;\n  grid-template-columns: 48px minmax(36px, 1fr) 96px;\n  align-items: center;\n  gap: 3px 10px;\n}\n:host([lang="zh-CN"]) .settings-account-usage__meter {\n  grid-template-columns: 48px minmax(36px, 1fr) 72px;\n}\n.settings-account-usage__meter--balance {\n  display: flex;\n  grid-template-columns: none;\n  justify-content: flex-start;\n  gap: 6px;\n}\n.settings-account-usage__balance {\n  display: inline-flex;\n  align-items: baseline;\n  gap: 4px;\n  font-size: 14px;\n  font-weight: 600;\n  font-variant-numeric: tabular-nums;\n  white-space: nowrap;\n}\n\n.settings-account-usage__title {\n  color: light-dark(#5d5d68, #c3c3cd);\n  font-size: 12px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.settings-account-usage__percent {\n  display: flex;\n  align-items: baseline;\n  justify-content: flex-end;\n  gap: 4px;\n  font-size: 14px;\n  font-weight: 600;\n  font-variant-numeric: tabular-nums;\n  white-space: nowrap;\n}\n.settings-account-usage__value-label {\n  color: var(--settings-muted);\n  font-size: 11px;\n  font-weight: 400;\n}\n.settings-account-usage__percent--warn {\n  color: var(--settings-warning);\n}\n.settings-account-usage__percent--hot {\n  color: var(--settings-danger);\n}\n.settings-account-usage__bar {\n  height: 4px;\n  overflow: hidden;\n  background: light-dark(#e3e1e8, #3c3c43);\n  border-radius: 4px;\n}\n.settings-account-usage__bar > span {\n  display: block;\n  height: 100%;\n  background: light-dark(#81769e, #9993b8);\n  border-radius: inherit;\n}\n.settings-account-usage__bar--warn > span {\n  background: var(--settings-warning);\n}\n.settings-account-usage__bar--hot > span {\n  background: var(--settings-danger);\n}\n.settings-account-usage__sub {\n  grid-column: 2 / -1;\n  color: var(--account-muted);\n  font-size: 11px;\n  font-variant-numeric: tabular-nums;\n  overflow-wrap: anywhere;\n}\n.settings-account-usage__message,\n.settings-account-unknown {\n  color: var(--settings-muted);\n}\n.settings-account-usage > button {\n  justify-self: start;\n}\n.settings-account-actions {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 4px;\n  flex-wrap: wrap;\n}\n.settings-account-action {\n  padding: 8px 10px;\n  min-height: 36px;\n  font-size: 12px;\n  color: var(--settings-text);\n  background: transparent;\n  border: 1px solid transparent;\n  border-radius: 7px;\n  white-space: nowrap;\n  cursor: pointer;\n}\n.settings-account-action:hover {\n  background: var(--settings-hover);\n}\n.settings-account-action:disabled {\n  opacity: 0.45;\n  cursor: not-allowed;\n}\n.settings-account-actions .settings-account-delete {\n  color: var(--settings-muted);\n}\n.settings-account-actions .settings-account-delete:hover,\n.settings-account-actions .settings-account-delete:focus-visible {\n  color: var(--settings-danger);\n  background: var(--settings-danger-bg);\n}\n.settings-account-mobile-label {\n  display: none;\n}\n.settings-account-reset-summary {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  min-height: 32px;\n  padding: 3px 0;\n  font-size: 12px;\n  white-space: nowrap;\n  color: var(--settings-text);\n  background: transparent;\n  border: 0;\n  border-radius: 5px;\n  cursor: pointer;\n}\n.settings-account-reset-summary:hover {\n  background: var(--settings-hover);\n}\n.settings-account-reset-summary[aria-expanded="true"] > svg:last-child {\n  transform: rotate(90deg);\n}\n.settings-account-details-row > td {\n  background: var(--settings-inset);\n}\n.settings-account-reset-details {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n.settings-account-reset-details strong {\n  font-size: 12px;\n}\n.settings-account-reset-expiry {\n  margin: 6px 0;\n  color: var(--settings-muted);\n  font-size: 11px;\n}\n.settings-account-reset-expiry.is-warn {\n  color: var(--settings-warning);\n}\n.settings-account-reset-expiry.is-hot {\n  color: var(--settings-danger);\n}\n.settings-account-reset-list {\n  margin: 8px 0 0;\n  padding: 0;\n  list-style: none;\n  color: var(--settings-muted);\n  font-size: 11px;\n}\n.settings-account-reset-list li + li {\n  margin-top: 4px;\n}\n.settings-account-empty {\n  text-align: center;\n  color: var(--settings-muted);\n}\n.settings-account-verification {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  color: var(--settings-muted);\n}\n.settings-account-verification a {\n  color: var(--settings-focus);\n  overflow-wrap: anywhere;\n}\n.settings-account-verification code {\n  padding: 5px 8px;\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 600;\n  letter-spacing: 0.08em;\n  background: var(--settings-inset);\n  border-radius: 6px;\n}\n.settings-account-list :focus-visible,\n.settings-account-toolbar :focus-visible,\n.settings-account-help-button:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: -2px;\n}\n\n@container (min-width: 611px) and (max-width: 800px) {\n  .settings-account-table th,\n  .settings-account-table td {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n  .settings-account-table th:nth-child(1) {\n    width: 30%;\n  }\n  .settings-account-table th:nth-child(2) {\n    width: 37%;\n  }\n  .settings-account-table th:nth-child(4) {\n    width: 21%;\n  }\n}\n\n@container (max-width: 610px) {\n  .settings-account-table,\n  .settings-account-table tbody {\n    display: block;\n  }\n  .settings-account-table thead {\n    display: none;\n  }\n  .settings-account-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    padding: 16px;\n    gap: 12px;\n    border-bottom: 1px solid var(--settings-divider);\n  }\n  .settings-account-table .settings-account-row > td {\n    padding: 0;\n    border: 0;\n  }\n  .settings-account-row > td:nth-child(1),\n  .settings-account-row > td:nth-child(2) {\n    grid-column: 1 / -1;\n  }\n  .settings-account-row > td:nth-child(3) {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n  .settings-account-mobile-label {\n    display: inline;\n    color: var(--settings-muted);\n    font-size: 11px;\n  }\n  .settings-account-usage {\n    max-width: none;\n  }\n  .settings-account-table tr:not(.settings-account-row),\n  .settings-account-table tr:not(.settings-account-row) > td {\n    display: block;\n  }\n}\n\n@media (forced-colors: active) {\n  .settings-account-usage__bar {\n    border: 1px solid CanvasText;\n  }\n  .settings-account-usage__bar > span {\n    background: Highlight;\n  }\n}\n';
 
   // src/settings/shell.ts
   var SETTINGS_SHELL_ATTRIBUTE = "data-codexhost-settings-shell";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liberseek/boft-cli-win32-arm64",
-  "version": "0.6.1",
+  "version": "0.6.2",
   "description": "BOFT CLI runs Pi and other external harnesses inside Codex Desktop.",
   "type": "module",
   "files": [