@bolt-foundry/gambit 0.8.6-rc.7 → 0.8.6

package/script/simulator-ui/src/styles.js

@@ -1,3382 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.globalStyles = void 0;
-exports.globalStyles = `
-:root,
-html,
-body,
-#root {
-  height: 100%;
-}
-:root {
-  color-scheme: light;
-  font-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
-  --color-bg: #f6f7fb;
-  --color-surface: #ffffff;
-  --color-surface-muted: #f8fafc;
-  --color-surface-subtle: #f1f5f9;
-  --color-surface-dark: #5c626d;
-  --color-surface-dark-border: #4b515b;
-  --color-text-on-dark: #f1f3f6;
-  --color-text-on-dark-muted: #d2d6dc;
-  --color-border: #e2e8f0;
-  --color-border-strong: #cbd5e1;
-  --color-border-emphasis: #94a3b8;
-  --color-text: #0f172a;
-  --color-text-strong: #111827;
-  --color-text-body: #334155;
-  --color-text-muted: #475569;
-  --color-text-subtle: #64748b;
-  --color-primary: #0b93f6;
-  --color-primary-strong: #0a7fd3;
-  --color-primary-dark: #1d4ed8;
-  --color-primary-soft: #dbeafe;
-  --color-primary-alpha-15: rgba(11, 147, 246, 0.15);
-  --color-primary-alpha-25: rgba(11, 147, 246, 0.25);
-  --color-primary-ring: rgba(11, 147, 246, 0.15);
-  --color-accent: #4338ca;
-  --color-accent-soft: #e0e7ff;
-  --color-accent-border: #c7d2fe;
-  --color-accent-on-dark: #cfd6ff;
-  --color-success: #0f9d58;
-  --color-success-strong: #16a34a;
-  --color-success-soft: #dcfce7;
-  --color-warning: #b45309;
-  --color-warning-border: #f59e0b;
-  --color-warning-soft: #fef3c7;
-  --color-warning-soft-alt: #fffbeb;
-  --color-danger: #b91c1c;
-  --color-danger-strong: #dc2626;
-  --color-danger-soft: #fee2e2;
-  --color-ink-weak: rgba(0, 0, 0, 0.04);
-  --color-ink-soft: rgba(0, 0, 0, 0.06);
-  --color-shadow-soft: rgba(15, 23, 42, 0.06);
-  --color-shadow-strong: rgba(15, 23, 42, 0.12);
-  --color-shadow-border: rgba(15, 23, 42, 0.25);
-  --color-overlay: rgba(15, 23, 42, 0.4);
-  --color-text-on-primary-subtle: rgba(255, 255, 255, 0.9);
-  --color-text-on-primary-muted: rgba(255, 255, 255, 0.7);
-  --corner-radius-scale: 1;
-}
-[data-theme="dark"] {
-  color-scheme: dark;
-  --color-bg: #070d1a;
-  --color-surface: #0f172a;
-  --color-surface-muted: #131e33;
-  --color-surface-subtle: #1a2740;
-  --color-surface-dark: #27344d;
-  --color-surface-dark-border: #364968;
-  --color-text-on-dark: #dbeafe;
-  --color-text-on-dark-muted: #bfdbfe;
-  --color-border: #2e3f5b;
-  --color-border-strong: #3e5475;
-  --color-border-emphasis: #5977a1;
-  --color-text: #dbe7fb;
-  --color-text-strong: #f8fbff;
-  --color-text-body: #c7d8f3;
-  --color-text-muted: #93aacb;
-  --color-text-subtle: #6f88ac;
-  --color-primary: #60a5fa;
-  --color-primary-strong: #3b82f6;
-  --color-primary-dark: #1d4ed8;
-  --color-primary-soft: #12233f;
-  --color-primary-alpha-15: rgba(96, 165, 250, 0.2);
-  --color-primary-alpha-25: rgba(96, 165, 250, 0.32);
-  --color-primary-ring: rgba(96, 165, 250, 0.25);
-  --color-accent: #93c5fd;
-  --color-accent-soft: #12233f;
-  --color-accent-border: #29507f;
-  --color-accent-on-dark: #dbeafe;
-  --color-success: #4ade80;
-  --color-success-strong: #22c55e;
-  --color-success-soft: #052e16;
-  --color-warning: #f59e0b;
-  --color-warning-border: #d97706;
-  --color-warning-soft: #451a03;
-  --color-warning-soft-alt: #292524;
-  --color-danger: #f87171;
-  --color-danger-strong: #ef4444;
-  --color-danger-soft: #450a0a;
-  --color-ink-weak: rgba(148, 163, 184, 0.1);
-  --color-ink-soft: rgba(148, 163, 184, 0.16);
-  --color-shadow-soft: rgba(2, 6, 23, 0.35);
-  --color-shadow-strong: rgba(2, 6, 23, 0.65);
-  --color-shadow-border: rgba(15, 23, 42, 0.65);
-  --color-overlay: rgba(2, 6, 23, 0.66);
-  --color-text-on-primary-subtle: rgba(15, 23, 42, 0.95);
-  --color-text-on-primary-muted: rgba(15, 23, 42, 0.75);
-  --color-input-bg: #0b1324;
-  --color-input-bg-hover: #101a2f;
-  --color-input-border: #3c557b;
-}
-@supports (corner-shape: squircle) {
-  :root {
-    --corner-radius-scale: 2;
-  }
-}
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-}
-body {
-  margin: 0;
-  background: var(--color-bg);
-  overflow: hidden;
-}
-:where(input, textarea, select, button):focus-visible {
-  outline: none;
-  box-shadow: 0 0 0 2px var(--color-accent) inset;
-}
-[data-theme="dark"] :where(
-  input:not([type="checkbox"]):not([type="radio"]),
-  textarea,
-  select
-) {
-  background: var(--color-input-bg);
-  border-color: var(--color-input-border);
-  color: var(--color-text-strong);
-}
-[data-theme="dark"] :where(
-  input:not([type="checkbox"]):not([type="radio"]),
-  textarea,
-  select
-)::placeholder {
-  color: var(--color-text-muted);
-}
-[data-theme="dark"] .gds-listbox-trigger {
-  background: var(--color-input-bg);
-  border-color: var(--color-input-border);
-}
-[data-theme="dark"] .gds-listbox-trigger:hover {
-  background: var(--color-input-bg-hover);
-}
-.app-root {
-  height: 100%;
-  min-height: 0;
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  min-width: 0;
-}
-.app-frame {
-  height: 100%;
-  min-height: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 0;
-}
-.app-content-frame {
-  flex: 1;
-  min-height: 0;
-  display: flex;
-  gap: 0;
-  overflow: hidden;
-}
-.page-shell {
-  flex: 1;
-  min-height: 0;
-  overflow: auto;
-}
-.app-shell {
-  height: 100%;
-  min-height: 0;
-  display: flex;
-  flex-direction: column;
-  padding: 16px;
-  gap: 16px;
-  overflow: hidden;
-}
-.page-grid {
-  flex: 1;
-  display: grid;
-  gap: 16px;
-  min-height: 0;
-  overflow: hidden;
-}
-.panel {
-  background: var(--color-surface);
-  border: 1px solid var(--color-border);
-  border-radius: calc(var(--panel-radius, 14px) * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  padding: var(--panel-padding, 12px);
-  min-height: 0;
-  overflow: hidden;
-}
-.docs-shell {
-  padding: 32px 20px 64px;
-  max-width: 1040px;
-  margin: 0 auto;
-  display: flex;
-  flex-direction: column;
-  gap: 28px;
-}
-.docs-eyebrow {
-  text-transform: uppercase;
-  letter-spacing: 0.16em;
-  font-size: 11px;
-  font-weight: 700;
-  color: var(--color-text-subtle);
-  margin: 0 0 10px 0;
-  display: flex;
-  flex-direction: row;
-  gap: 4px;
-  align-items: flex-start;
-}
-.docs-eyebrow-logo svg {
-  display: block;
-}
-.docs-subtitle {
-  text-wrap: pretty;
-}
-.docs-hero h1 {
-  margin: 0 0 12px 0;
-  font-size: clamp(28px, 4vw, 40px);
-  line-height: 1.2;
-  color: var(--color-text);
-}
-.docs-section-card h3 {
-  margin: 0 0 8px 0;
-  font-size: 16px;
-}
-.docs-section-card p {
-  margin: 0 0 12px 0;
-  color: var(--color-text-body);
-}
-.docs-section-card ul {
-  margin: 0 0 12px 18px;
-  color: var(--color-text-body);
-  padding: 0;
-}
-.docs-section-card li {
-  margin-bottom: 6px;
-}
-.docs-divider {
-  height: 1px;
-  background: var(--color-border);
-  margin: 8px 0 12px;
-}
-.docs-section {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-.docs-section-header {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-}
-.docs-section-header h2 {
-  margin: 0;
-  font-size: 22px;
-}
-.docs-icon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 28px;
-}
-.docs-section .docs-section-card {
-  background: var(--color-surface);
-  border-radius: calc(16px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  border: 1px solid var(--color-border);
-  padding: 16px;
-  display: flex;
-  flex-direction: column;
-  gap: 14px;
-}
-.docs-tab-row {
-  display: grid;
-  grid-template-columns: 120px 1fr;
-  gap: 14px;
-  align-items: center;
-}
-.docs-tab-row p {
-  margin: 0;
-  color: var(--color-text-body);
-}
-.docs-links h3 {
-  margin: 0 0 8px 0;
-}
-.docs-links ul {
-  margin: 0;
-  padding-left: 18px;
-}
-.docs-links li {
-  margin-bottom: 6px;
-}
-@media (max-width: 720px) {
-  .docs-tab-row {
-    grid-template-columns: 1fr;
-    align-items: flex-start;
-  }
-}
-code:not(pre *) {
-  background: var(--color-ink-soft);
-  padding: 4px;
-  border-radius: calc(4px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-}
-.copy-badge {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  border: 1px dashed var(--color-border-strong);
-  border-radius: 999px;
-  padding: 4px 10px;
-  background: var(--color-surface-muted);
-  font-family: inherit;
-  font-size: 12px;
-  cursor: pointer;
-  color: var(--color-text);
-  transition: background 120ms ease, border-color 120ms ease;
-}
-.copy-badge code {
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-  font-size: 12px;
-  color: var(--color-text);
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-.copy-badge .copy-label {
-  font-weight: 600;
-  color: var(--color-text-muted);
-}
-.copy-badge .copy-feedback {
-  font-size: 11px;
-  color: var(--color-success);
-}
-.copy-badge:hover {
-  background: var(--color-border);
-  border-color: var(--color-border-emphasis);
-}
-.copy-badge.copied {
-  border-color: var(--color-success);
-  background: var(--color-success-soft);
-}
-.status-indicator {
-  text-transform: capitalize;
-  font-size: 13px;
-  color: var(--color-text-muted);
-}
-.status-indicator.connected {
-  color: var(--color-success);
-}
-.app-main {
-  grid-template-columns: 2fr 1fr;
-}
-.chat-column {
-  --panel-radius: 16px;
-  --panel-padding: 16px;
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  min-height: 0;
-  overflow-y: auto;
-}
-.calibrate-shell .calibrate-layout {
-  grid-template-columns: 280px minmax(0, 1fr);
-  width: 100%;
-  min-height: 0;
-}
-.verify-shell .verify-layout {
-  grid-template-columns: 320px minmax(0, 1fr);
-  width: 100%;
-  min-height: 0;
-}
-@media (max-width: 1100px) {
-  .calibrate-shell .calibrate-layout {
-    grid-template-columns: minmax(0, 1fr);
-  }
-  .calibrate-shell .calibrate-layout .calibrate-drawer {
-    position: static;
-    max-height: none;
-  }
-  .verify-shell .verify-layout {
-    grid-template-columns: minmax(0, 1fr);
-  }
-}
-.calibrate-shell .calibrate-runner {
-  flex: 0 0 auto;
-}
-.calibrate-shell .calibrate-results {
-  flex: 1;
-  min-height: 0;
-  overflow-y: auto;
-}
-.verify-controls {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-.verify-controls-header {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-.verify-number-grid {
-  display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: 8px;
-}
-.verify-number-field {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  font-size: 12px;
-  color: var(--color-text-muted);
-  font-weight: 600;
-}
-.verify-number-field input {
-  border: 1px solid var(--color-border-strong);
-  border-radius: calc(10px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  padding: 6px 8px;
-  background: var(--color-surface);
-  color: var(--color-text);
-  font-size: 13px;
-}
-.verify-results {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  min-height: 0;
-  overflow-y: auto;
-}
-.verify-status-row {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: flex-start;
-  justify-content: flex-start;
-  gap: 10px;
-}
-.verify-status-main {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-.verify-status-meta {
-  font-size: 12px;
-  color: var(--color-text-muted);
-}
-.verify-progress-row {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-  font-size: 12px;
-  color: var(--color-text-muted);
-}
-.verify-verdict-badge {
-  margin-left: auto;
-  border-radius: calc(10px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  border: 1px solid var(--color-border);
-  padding: 4px 8px;
-  font-size: 11px;
-  font-weight: 700;
-  letter-spacing: 0.02em;
-}
-.verify-verdict-badge--pass {
-  background: var(--color-success-soft);
-  border-color: var(--color-success-strong);
-  color: var(--color-success-strong);
-}
-.verify-verdict-badge--warn {
-  background: var(--color-warning-soft);
-  border-color: var(--color-warning-border);
-  color: var(--color-warning);
-}
-.verify-verdict-badge--fail {
-  background: var(--color-danger-soft);
-  border-color: var(--color-danger-strong);
-  color: var(--color-danger-strong);
-}
-.verify-metric-grid {
-  display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: 8px;
-}
-@media (max-width: 800px) {
-  .verify-metric-grid {
-    grid-template-columns: minmax(0, 1fr);
-  }
-}
-.verify-metric-card {
-  border: 1px solid var(--color-border);
-  border-radius: calc(12px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  padding: 8px;
-  background: var(--color-surface-muted);
-}
-.verify-metric-label {
-  font-size: 11px;
-  text-transform: uppercase;
-  letter-spacing: 0.02em;
-  color: var(--color-text-muted);
-}
-.verify-metric-value {
-  margin-top: 4px;
-  font-size: 20px;
-  font-weight: 700;
-  color: var(--color-text);
-}
-.verify-sample-size-row {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  flex-wrap: wrap;
-}
-.verify-sample-size-copy {
-  display: flex;
-  flex-direction: column;
-}
-.verify-sample-size-row .verify-metric-value {
-  margin-top: 4px;
-}
-.verify-sample-scope-select {
-  min-width: 170px;
-}
-.verify-sample-scope-select .gds-listbox-field-label {
-  display: none;
-}
-.verify-metric-value--compact {
-  font-size: 14px;
-}
-.verify-section {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-.verify-section-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  flex-wrap: wrap;
-}
-.verify-section-controls {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  flex-wrap: wrap;
-}
-.verify-section-sort {
-  min-width: 150px;
-}
-.verify-section-sort .gds-listbox-field-label {
-  display: none;
-}
-.verify-outlier-list {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-.verify-outlier-card {
-  border: 1px solid var(--color-border);
-  border-radius: calc(12px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  padding: 8px;
-  background: var(--color-surface-muted);
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-.verify-outlier-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-}
-.verify-outlier-meta {
-  font-size: 12px;
-  color: var(--color-text-muted);
-}
-.verify-outlier-links {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-  font-size: 12px;
-}
-.verify-request-list {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-.verify-request-row {
-  border: 1px solid var(--color-border);
-  border-radius: calc(10px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  padding: 6px 8px;
-  background: var(--color-surface-muted);
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  flex-wrap: wrap;
-  font-size: 12px;
-}
-.verify-request-index {
-  color: var(--color-text-muted);
-  min-width: 28px;
-}
-.verify-request-error {
-  color: var(--color-danger-strong);
-}
-.calibrate-run-card {
-  border: 1px solid var(--color-border);
-  border-radius: calc(14px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  background: var(--color-surface);
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  padding: 12px;
-}
-.calibrate-run-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  cursor: pointer;
-}
-.calibrate-run-header:hover .calibrate-run-toggle-icon {
-  background: var(--color-surface-subtle);
-}
-.calibrate-run-header.active:hover .calibrate-run-toggle-icon {
-  background: var(--color-primary-alpha-25);
-}
-.calibrate-run-title {
-  font-weight: 700;
-}
-.calibrate-run-title-row {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-.calibrate-run-subtitle {
-  color: var(--color-text-muted);
-  font-size: 12px;
-  text-transform: capitalize;
-}
-.calibrate-run-turns {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-}
-.calibrate-run-turn {
-  width: 16px;
-  height: 16px;
-  border-radius: calc(5px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-.calibrate-run-turn--pending {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  background: var(--color-border);
-}
-.calibrate-run-turn--empty {
-  background: var(--color-surface-subtle);
-  border: 1px solid var(--color-border);
-}
-.calibrate-run-toggle-icon {
-  width: 22px;
-  height: 22px;
-  border-radius: 50%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background: transparent;
-  color: currentColor;
-  transition: background 120ms ease, color 120ms ease, transform 200ms ease;
-}
-.calibrate-run-header.active .calibrate-run-toggle-icon {
-  color: var(--color-primary);
-  background: var(--color-primary-alpha-15);
-  transform: rotate(180deg);
-}
-.calibrate-spinner {
-  width: 16px;
-  height: 16px;
-  border-radius: 999px;
-  border: 2px solid var(--color-shadow-border);
-  border-top-color: var(--color-primary);
-  animation: calibrate-spin 0.9s linear infinite;
-}
-.calibrate-spinner--tiny {
-  width: 10px;
-  height: 10px;
-  border-width: 2px;
-}
-@keyframes calibrate-spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-.calibrate-run-body {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-.calibrate-run-section {
-  border-top: 1px solid var(--color-border);
-  padding-top: 12px;
-}
-.calibrate-run-section:first-child {
-  border-top: none;
-  padding-top: 0;
-}
-.calibrate-button-meta,
-.workbench-button-meta {
-  font-size: 12px;
-  text-wrap: pretty;
-  margin: 0;
-  margin-bottom: 0.5em;
-}
-.workbench-drawer-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-.workbench-drawer-docked {
-  width: min(500px, 40vw);
-  height: 100%;
-  align-self: stretch;
-  background: var(--color-surface);
-  border-left: 1px solid var(--color-border);
-  box-shadow: none;
-  padding: 16px;
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  min-height: 0;
-  overflow: hidden;
-}
-.drawer-section {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  padding-top: 12px;
-  border-top: 1px solid var(--color-border);
-}
-.drawer-section:first-of-type {
-  border-top: none;
-  padding-top: 0;
-}
-.calibrate-summary-list,
-.workbench-summary-list {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-.calibrate-summary-card,
-.workbench-summary-card {
-  border: 1px solid var(--color-border);
-  border-radius: calc(12px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  padding: 8px;
-  background: var(--color-surface-muted);
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-.calibrate-summary-score-row,
-.workbench-summary-score-row {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-.calibrate-summary-title,
-.workbench-summary-title {
-  font-size: 12px;
-  font-weight: 700;
-  color: var(--color-text);
-}
-.calibrate-summary-subtitle,
-.workbench-summary-subtitle {
-  font-size: 11px;
-  color: var(--color-text-muted);
-}
-.gds-scrolling-text {
-  display: block;
-  width: 100%;
-  max-width: 100%;
-  min-width: 0;
-  overflow: hidden;
-  vertical-align: bottom;
-}
-.gds-scrolling-text__inner {
-  display: block;
-  width: 100%;
-  max-width: 100%;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  will-change: transform;
-}
-.gds-scrolling-text--overflow:hover {
-  overflow: hidden;
-}
-.gds-scrolling-text--overflow:hover .gds-scrolling-text__inner {
-  width: max-content;
-  max-width: none;
-  overflow: visible;
-  text-overflow: clip;
-  animation: gds-scroll-text var(--gds-scroll-duration, 0s) linear forwards;
-}
-@keyframes gds-scroll-text {
-  from {
-    transform: translateX(0);
-  }
-  to {
-    transform: translateX(calc(-1 * var(--gds-scroll-distance, 0px)));
-  }
-}
-@media (prefers-reduced-motion: reduce) {
-  .gds-scrolling-text--overflow:hover .gds-scrolling-text__inner {
-    animation: none;
-    transform: translateX(0);
-  }
-}
-.calibrate-summary-reason,
-.workbench-summary-reason {
-  font-size: 12px;
-  color: var(--color-text);
-}
-.calibrate-summary-meta,
-.workbench-summary-meta {
-  font-size: 11px;
-  color: var(--color-text-subtle);
-}
-.chat-row {
-  display: flex;
-  justify-content: flex-start;
-}
-.bubble {
-  background: var(--color-surface-subtle);
-  border-radius: calc(16px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  padding: 12px;
-  width: 100%;
-  box-shadow: inset 0 0 0 1px var(--color-border);
-}
-.bubble-user {
-  background: var(--color-primary);
-  color: var(--color-surface);
-  box-shadow: none;
-}
-.bubble-system {
-  background: var(--color-surface);
-  border: 1px dashed var(--color-border);
-  box-shadow: none;
-}
-.bubble-role {
-  font-size: 12px;
-  text-transform: uppercase;
-  letter-spacing: 0.04em;
-  color: var(--color-border-emphasis);
-  margin-bottom: 6px;
-}
-.bubble-user .bubble-role {
-  color: var(--color-text-on-primary-muted);
-}
-.bubble-text {
-  line-height: 1.5;
-}
-.bubble-json {
-  background: var(--color-ink-weak);
-  padding: 8px;
-  border-radius: calc(8px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  font-size: 12px;
-  overflow-x: auto;
-  white-space: pre-wrap;
-  word-break: break-word;
-  overflow-wrap: anywhere;
-}
-.bubble-reasoning {
-  background: var(--color-surface);
-  border: 1px solid var(--color-border);
-}
-.bubble-reasoning .bubble-role {
-  color: var(--color-text-subtle);
-}
-.reasoning-bubble {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-.reasoning-header {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-.reasoning-meta {
-  font-size: 11px;
-  color: var(--color-text-subtle);
-}
-.reasoning-text {
-  font-size: 13px;
-  line-height: 1.5;
-  white-space: pre-wrap;
-  word-break: break-word;
-}
-.reasoning-details summary {
-  cursor: pointer;
-  font-size: 12px;
-  color: var(--color-text-subtle);
-}
-.reasoning-details {
-  margin-top: 2px;
-}
-.reasoning-collapsible .tool-calls-toggle {
-  align-items: flex-start;
-  gap: 6px;
-}
-.reasoning-toggle .tool-calls-toggle-label {
-  display: block;
-  font-weight: 600;
-}
-.reasoning-preview {
-  display: block;
-  font-size: 12px;
-  color: var(--color-text-subtle);
-  margin-top: 2px;
-}
-.feedback-controls {
-  margin-top: 8px;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  opacity: 0.25;
-  transition: opacity 120ms ease-in-out;
-}
-.bubble:hover .feedback-controls,
-.feedback-controls:focus-within {
-  opacity: 1;
-}
-.imessage-bubble:hover .feedback-controls {
-  opacity: 1;
-}
-.feedback-scores {
-  display: flex;
-  gap: 6px;
-  flex-wrap: wrap;
-}
-.score-button {
-  border: 1px solid var(--color-border-strong);
-  background: var(--color-surface);
-  border-radius: calc(8px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  padding: 4px 10px;
-  cursor: pointer;
-  font-size: 12px;
-}
-.score-button-active {
-  background: var(--color-primary);
-  color: var(--color-surface);
-  border-color: var(--color-primary);
-}
-.feedback-reason {
-  width: 100%;
-  min-height: 48px;
-  border-radius: calc(10px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  border: 1px solid var(--color-border-strong);
-  padding: 8px;
-  resize: vertical;
-  box-sizing: border-box;
-  font-family: inherit;
-}
-.feedback-status {
-  font-size: 11px;
-  color: var(--color-border-emphasis);
-}
-.feedback-status.saving {
-  color: var(--color-primary);
-}
-.feedback-status.unsaved {
-  color: var(--color-warning);
-}
-.feedback-status.error {
-  color: var(--color-danger);
-}
-.link-button {
-  background: none;
-  border: 0;
-  color: inherit;
-  cursor: pointer;
-  font: inherit;
-  padding: 0;
-  text-decoration: underline;
-}
-.init-panel {
-  border: 1px solid var(--color-border);
-  border-radius: calc(14px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  background: var(--color-surface-muted);
-  padding: 12px;
-  margin-bottom: 12px;
-}
-.init-panel summary {
-  cursor: pointer;
-  font-weight: 700;
-  color: var(--color-text);
-}
-.init-panel .hint {
-  margin-top: 6px;
-  font-size: 12px;
-  color: var(--color-text-muted);
-}
-.init-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
-  gap: 10px;
-  margin-top: 10px;
-}
-.init-field {
-  background: var(--color-surface);
-  border: 1px solid var(--color-border);
-  border-radius: calc(12px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  padding: 10px;
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-.init-field label {
-  font-weight: 700;
-  color: var(--color-text-strong);
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-}
-.badge {
-  padding: 2px 8px;
-  border-radius: 999px;
-  background: var(--color-border);
-  color: var(--color-text-muted);
-  font-size: 11px;
-  font-weight: 800;
-  text-transform: uppercase;
-}
-.badge--idle {
-  background: var(--color-border);
-  color: var(--color-text-muted);
-}
-.badge--running {
-  background: var(--color-primary-soft);
-  color: var(--color-primary-dark);
-}
-.badge--completed {
-  background: var(--color-success-soft);
-  color: var(--color-success);
-}
-.badge--error {
-  background: var(--color-danger-soft);
-  color: var(--color-danger);
-}
-.badge--canceled {
-  background: var(--color-warning-soft);
-  color: var(--color-warning);
-}
-.badge--ghost {
-  background: transparent;
-  color: var(--color-text-muted);
-  border: 1px solid var(--color-border);
-}
-.init-field input,
-.init-field select,
-.init-field textarea {
-  width: 100%;
-  border: 1px solid var(--color-border-strong);
-  border-radius: calc(10px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  padding: 8px;
-  box-sizing: border-box;
-  font-family: inherit;
-}
-.init-field textarea {
-  min-height: 80px;
-  resize: vertical;
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-}
-.init-summary-json {
-  margin-top: 10px;
-  background: var(--color-shadow-soft);
-  border-radius: calc(12px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  padding: 10px;
-  overflow-x: auto;
-  font-size: 12px;
-}
-.init-missing {
-  margin-top: 8px;
-  font-size: 12px;
-  color: var(--color-danger);
-}
-.secondary-note {
-  font-size: 12px;
-  color: var(--color-text-muted);
-}
-.trace-panel {
-  background: var(--color-surface);
-  border-radius: calc(16px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  padding: 16px;
-  border: 1px solid var(--color-border);
-  min-height: 0;
-  overflow-y: auto;
-}
-.trace-list {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  margin-top: 8px;
-}
-.trace-row {
-  border: 1px solid var(--color-border);
-  border-radius: calc(10px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  padding: 8px;
-  background: var(--color-surface-muted);
-  word-break: break-word;
-  overflow-wrap: anywhere;
-}
-.calibrate-result-header {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-.calibrate-result-main {
-  display: flex;
-  gap: 12px;
-  align-items: flex-start;
-}
-.calibrate-score-badge,
-.workbench-score-badge {
-  min-width: 44px;
-  height: 44px;
-  border-radius: calc(12px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  background: var(--color-border);
-  color: var(--color-text);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 18px;
-  font-weight: 700;
-}
-.calibrate-score-badge--small,
-.workbench-score-badge--small {
-  min-width: 22px;
-  height: 20px;
-  border-radius: calc(8px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  font-size: 12px;
-}
-.calibrate-score-badge--pending,
-.workbench-score-badge--pending {
-  background: var(--color-surface-subtle);
-  color: var(--color-text);
-}
-.calibrate-score--positive {
-  background: var(--color-success-strong);
-  color: var(--color-surface);
-}
-.calibrate-score--negative {
-  background: var(--color-danger-strong);
-  color: var(--color-surface);
-}
-.calibrate-score--neutral {
-  background: var(--color-text-subtle);
-  color: var(--color-surface);
-}
-.calibrate-score--empty {
-  background: var(--color-border);
-  color: var(--color-text);
-}
-.calibrate-result-meta {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-.calibrate-result-title {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  font-weight: 700;
-}
-.calibrate-result-reason {
-  font-size: 13px;
-  color: var(--color-text);
-}
-.calibrate-result-secondary {
-  font-size: 12px;
-  color: var(--color-text-subtle);
-}
-.calibrate-context {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-.calibrate-context-compact {
-  margin-top: 8px;
-}
-.calibrate-context-row {
-  border: 1px solid var(--color-border);
-  border-radius: calc(10px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  padding: 8px;
-  background: var(--color-surface-muted);
-}
-.calibrate-context-label {
-  font-size: 11px;
-  font-weight: 700;
-  color: var(--color-text-muted);
-  text-transform: uppercase;
-  letter-spacing: 0.02em;
-}
-.calibrate-context-bubble {
-  margin-top: 6px;
-  font-size: 13px;
-  color: var(--color-text);
-  padding: 8px 10px;
-  border-radius: calc(12px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  border: 1px solid var(--color-border);
-  background: var(--color-surface);
-}
-.calibrate-context-user {
-  background: var(--color-primary-soft);
-  border-color: var(--color-primary-alpha-25);
-  color: var(--color-text);
-}
-.calibrate-context-assistant {
-  background: var(--color-surface-subtle);
-  border-color: var(--color-border);
-}
-.calibrate-result-details {
-  margin-top: 10px;
-  display: grid;
-  gap: 10px;
-}
-.trace-row-highlight {
-  border-color: var(--color-primary);
-  box-shadow: 0 0 0 2px var(--color-primary-ring);
-}
-.calibrate-section-title {
-  font-size: 12px;
-  font-weight: 700;
-  color: var(--color-text-muted);
-  text-transform: uppercase;
-  letter-spacing: 0.02em;
-  margin-bottom: 4px;
-}
-.calibrate-toggle,
-.workbench-toggle {
-  padding: 6px 10px;
-  font-size: 12px;
-}
-.calibrate-result-actions {
-  display: flex;
-  gap: 8px;
-  flex-wrap: wrap;
-}
-.calibrate-flag-reason {
-  margin-top: 8px;
-}
-.calibrate-flag-reason label {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  font-size: 12px;
-  font-weight: 600;
-  color: var(--color-text-muted);
-}
-.calibrate-flag-reason textarea {
-  border: 1px solid var(--color-border-strong);
-  border-radius: calc(10px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  padding: 6px 8px;
-  font-family: inherit;
-  font-size: 12px;
-  min-height: 70px;
-  resize: vertical;
-}
-.trace-row-user {
-  background: var(--color-primary);
-  border-color: var(--color-primary);
-  color: var(--color-surface);
-}
-.trace-row-user .trace-json {
-  color: var(--color-text-on-primary-subtle);
-}
-.trace-json {
-  font-size: 11px;
-  overflow-x: auto;
-  white-space: pre-wrap;
-  word-break: break-word;
-  overflow-wrap: anywhere;
-}
-.tool-call-row .imessage-bubble {
-  background: var(--color-surface-dark);
-  border: 1px solid var(--color-surface-dark-border);
-  color: var(--color-text-on-dark);
-}
-.tool-call-bubble {
-  width: 100%;
-}
-.tool-call-collapse {
-  width: 100%;
-  border: none;
-  background: none;
-  padding: 0;
-  text-align: left;
-  cursor: pointer;
-  font: inherit;
-  color: inherit;
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-.tool-call-collapse-activity {
-  gap: 8px;
-}
-.tool-call-collapse:focus-visible {
-  outline: 2px solid var(--color-accent);
-  outline-offset: 2px;
-}
-.tool-call-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-}
-.tool-call-header-main {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  min-width: 0;
-}
-.tool-call-title {
-  font-size: 13px;
-}
-.tool-call-chevron {
-  margin-left: auto;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  opacity: 0.72;
-  transition: transform 140ms ease;
-}
-.tool-call-chevron.is-open {
-  transform: rotate(180deg);
-}
-.tool-call-summary {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  flex-wrap: wrap;
-}
-.tool-call-name {
-  font-size: 12px;
-  color: var(--color-text-on-dark-muted);
-}
-.tool-call-handled {
-  font-size: 11px;
-  font-weight: 700;
-  color: var(--color-warning);
-  text-transform: uppercase;
-  letter-spacing: 0.04em;
-  border: 1px solid var(--color-warning-border);
-  border-radius: 999px;
-  padding: 2px 8px;
-  background: var(--color-warning-soft-alt);
-}
-.reasoning-summary {
-  font-size: 13px;
-  line-height: 1.5;
-  white-space: pre-wrap;
-  word-break: break-word;
-  color: var(--color-text);
-}
-.reasoning-summary > * {
-  margin: 0;
-}
-.reasoning-summary ul,
-.reasoning-summary ol {
-  padding-left: 18px;
-}
-.reasoning-details-empty {
-  font-size: 12px;
-  color: var(--color-text-subtle);
-}
-.tool-call-detail {
-  margin-top: 8px;
-  border-top: 1px solid var(--color-accent-border);
-  padding-top: 8px;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-.tool-call-divider {
-  border-top: 1px solid var(--color-border);
-  margin: 2px 0;
-}
-.tool-call-field {
-  display: flex;
-  flex-direction: column;
-}
-.tool-call-field-label {
-  font-size: 11px;
-  font-weight: 600;
-  color: var(--color-text-on-dark-muted);
-  margin-bottom: 4px;
-}
-.tool-call-error {
-  color: var(--color-danger);
-}
-.tool-calls-collapsible {
-  margin: 8px 0;
-}
-.tool-calls-toggle {
-  width: 100%;
-  border: none;
-  background: transparent;
-  padding: 8px 0;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  color: var(--color-text-muted);
-  font-size: 12px;
-  text-transform: uppercase;
-  letter-spacing: 0.08em;
-}
-.tool-calls-toggle::before,
-.tool-calls-toggle::after {
-  content: "";
-  flex: 1;
-  border-top: 1px solid var(--color-border);
-}
-.tool-calls-toggle-label {
-  white-space: nowrap;
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-}
-.activity-toggle-title {
-  color: var(--color-text-muted);
-  font-weight: 600;
-}
-.activity-toggle-action {
-  color: var(--color-text-muted);
-}
-.activity-count-badge {
-  display: inline-flex;
-  align-items: center;
-  border-color: var(--color-border);
-  background: var(--color-surface-subtle);
-  color: var(--color-text-muted);
-  padding: 1px 8px;
-  font-size: 11px;
-  font-weight: 600;
-  text-transform: none;
-  letter-spacing: 0;
-  line-height: 1.35;
-}
-.activity-count-badge.is-highlight {
-  animation: activity-count-badge-flash 1500ms ease-out;
-}
-@keyframes activity-count-badge-flash {
-  0% {
-    background: var(--color-primary-soft);
-    border-color: var(--color-primary);
-    color: var(--color-primary);
-    box-shadow: 0 0 0 2px var(--color-primary);
-  }
-  100% {
-    background: var(--color-surface-subtle);
-    border-color: var(--color-border);
-    color: var(--color-text-muted);
-    box-shadow: 0 0 0 0 transparent;
-  }
-}
-.tool-calls-list {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  margin-top: 6px;
-}
-.reasoning-collapsible {
-  background: #f8fafc;
-  border: 1px dashed #cbd5f5;
-  border-radius: 12px;
-  padding: 8px;
-}
-.reasoning-toggle {
-  color: #1e293b;
-}
-.reasoning-list {
-  gap: 12px;
-}
-.reasoning-row {
-  margin-left: 12px;
-}
-.reasoning-bubble {
-  border: 1px solid #e2e8f0;
-  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
-}
-.reasoning-row .imessage-bubble {
-  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
-  border: 1px solid #e2e8f0;
-  color: var(--color-text);
-}
-.reasoning-json {
-  background: transparent;
-  border: none;
-  padding: 0;
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
-    "Liberation Mono", "Courier New", monospace;
-  white-space: pre-wrap;
-}
-.reasoning-details {
-  margin-top: 8px;
-}
-.activity-collapsible {
-  border: 1px solid var(--color-border);
-  border-radius: calc(12px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  background: var(--color-surface-muted);
-  padding: 8px 10px;
-  position: relative;
-}
-.activity-toggle {
-  text-transform: none;
-  letter-spacing: 0;
-  font-size: 12px;
-  gap: 8px;
-  padding: 2px 0 4px;
-}
-.activity-toggle.is-open {
-  position: sticky;
-  top: -6px;
-  z-index: 2;
-  background: var(--color-surface-muted);
-  border-bottom: 1px solid var(--color-border);
-  padding-bottom: 6px;
-}
-.activity-toggle::before,
-.activity-toggle::after {
-  display: none;
-}
-.activity-toggle-chevron {
-  margin-left: auto;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--color-text-subtle);
-  transition: transform 140ms ease;
-}
-.activity-toggle.is-open .activity-toggle-chevron {
-  transform: rotate(180deg);
-}
-.activity-preview {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-.activity-preview-reasoning {
-  font-size: 13px;
-  color: var(--color-text);
-}
-.activity-preview-reasoning > * {
-  margin: 0;
-}
-.activity-preview-tool {
-  font-size: 12px;
-  color: var(--color-text-muted);
-  border: 1px solid var(--color-border);
-  background: var(--color-surface-subtle);
-  border-radius: 4px;
-  padding: 0px 4px;
-  margin: -1px 2px;
-}
-.activity-details {
-  margin-top: 8px;
-}
-.composer {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-.callout {
-  color: var(--color-text-muted);
-  font-size: 12px;
-  line-height: 1.5;
-  background: var(--color-surface-subtle);
-  border: none;
-  border-radius: calc(8px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  padding: 6px 10px;
-}
-.callout--emphasis {
-  background: var(--color-primary-alpha-15);
-  color: var(--color-primary);
-}
-.callout--danger {
-  background: var(--color-danger-soft);
-  color: var(--color-text);
-  border-radius: calc(10px * var(--corner-radius-scale, 1));
-  padding: 10px 12px;
-}
-.callout-main {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 12px;
-}
-.callout-body {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  min-width: 0;
-}
-.callout-title {
-  font-size: 10px;
-  font-weight: 700;
-  color: var(--color-text-muted);
-}
-.callout-message {
-  font-size: 12px;
-  color: var(--color-text);
-  white-space: pre-wrap;
-  word-break: break-word;
-  overflow-wrap: anywhere;
-}
-.callout--danger .callout-title {
-  color: var(--color-danger);
-  text-transform: uppercase;
-  letter-spacing: 0.03em;
-}
-.callout-actions {
-  flex: 0 0 auto;
-}
-.composer-inputs {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-.workbench-composer-chip-row {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: 8px;
-}
-.workbench-composer-chip {
-  display: inline-flex;
-  align-items: center;
-  gap: 10px;
-  border: 1px solid var(--color-border);
-  border-radius: calc(999px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  background: var(--color-surface-muted);
-  padding: 4px 8px;
-  max-width: 100%;
-}
-.workbench-context-chip {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 34px;
-  min-height: 20px;
-  border-radius: calc(999px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  font-size: 11px;
-  font-weight: 700;
-  text-transform: uppercase;
-  letter-spacing: 0.04em;
-  padding: 2px 8px;
-}
-.workbench-context-chip--error {
-  border: 1px solid var(--color-danger);
-  background: var(--color-danger-soft);
-  color: var(--color-danger);
-}
-.workbench-context-chip--rating {
-  border: 1px solid var(--color-border);
-  background: var(--color-surface-subtle);
-  color: var(--color-text);
-}
-.workbench-context-chip--rating.calibrate-score--positive {
-  background: var(--color-success-strong);
-  border-color: var(--color-success-strong);
-  color: var(--color-surface);
-}
-.workbench-context-chip--rating.calibrate-score--negative {
-  background: var(--color-danger-strong);
-  border-color: var(--color-danger-strong);
-  color: var(--color-surface);
-}
-.workbench-context-chip--rating.calibrate-score--neutral {
-  background: var(--color-text-subtle);
-  border-color: var(--color-text-subtle);
-  color: var(--color-surface);
-}
-.workbench-context-chip--flag {
-  border: 1px solid var(--color-border-strong);
-  background: var(--color-surface-subtle);
-  color: var(--color-text-muted);
-}
-.workbench-context-chip--flag.calibrate-score--positive {
-  background: var(--color-success-strong);
-  border-color: var(--color-success-strong);
-  color: var(--color-surface);
-}
-.workbench-context-chip--flag.calibrate-score--negative {
-  background: var(--color-danger-strong);
-  border-color: var(--color-danger-strong);
-  color: var(--color-surface);
-}
-.workbench-context-chip--flag.calibrate-score--neutral {
-  background: var(--color-text-subtle);
-  border-color: var(--color-text-subtle);
-  color: var(--color-surface);
-}
-.workbench-composer-chip-toggle {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  font-size: 12px;
-  color: var(--color-text);
-}
-.workbench-composer-chip-toggle input {
-  margin: 0;
-}
-.workbench-composer-chip-remove {
-  display: flex;
-  color: var(--color-text-muted);
-  text-decoration: none;
-}
-.workbench-composer-chip-remove:hover {
-  color: var(--color-danger);
-}
-.message-input {
-  width: 100%;
-  border-radius: calc(10px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  border: 1px solid var(--color-border-strong);
-  padding: 10px;
-  resize: vertical;
-  font-family: inherit;
-  box-sizing: border-box;
-}
-.notes-inline {
-  flex: 1;
-  min-width: 220px;
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-.notes-inline header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  gap: 12px;
-}
-.notes-inline label {
-  font-size: 13px;
-  font-weight: 600;
-  color: var(--color-text);
-}
-.notes-inline textarea {
-  width: 100%;
-  min-height: 80px;
-  border-radius: calc(10px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  border: 1px solid var(--color-border-strong);
-  padding: 10px;
-  resize: vertical;
-  font-family: inherit;
-  box-sizing: border-box;
-}
-.notes-inline-status {
-  font-size: 12px;
-  color: var(--color-text-muted);
-}
-.notes-inline-status .state {
-  font-weight: 600;
-}
-.notes-inline-status .state.saving {
-  color: var(--color-primary);
-}
-.notes-inline-status .state.unsaved {
-  color: var(--color-warning);
-}
-.notes-inline-status .state.idle {
-  color: var(--color-border-emphasis);
-}
-.notes-inline-status .state.saved {
-  color: var(--color-success);
-}
-.rating-controls {
-  display: flex;
-  gap: 6px;
-  flex-wrap: wrap;
-  align-items: center;
-}
-.rating-label {
-  font-size: 13px;
-  font-weight: 600;
-  color: var(--color-text);
-}
-.rating-status {
-  font-size: 12px;
-  color: var(--color-text-muted);
-}
-.rating-button {
-  border: 1px solid var(--color-border-strong);
-  border-radius: calc(8px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  padding: 4px 10px;
-  font-size: 12px;
-  background: var(--color-surface);
-  cursor: pointer;
-}
-.rating-button.active {
-  background: var(--color-primary);
-  color: var(--color-surface);
-  border-color: var(--color-primary);
-}
-.composer-actions {
-  display: flex;
-  gap: 10px;
-  align-items: stretch;
-}
-.composer-action-slot {
-  display: flex;
-  min-width: 110px;
-}
-.composer-action-slot-primary {
-  justify-content: flex-end;
-}
-.composer-action-placeholder,
-.composer-action-button {
-  width: 100%;
-}
-.composer-action-placeholder {
-  visibility: hidden;
-}
-.composer-actions button {
-  padding: 10px 18px;
-  border-radius: calc(10px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  border: none;
-  background: var(--color-primary);
-  color: var(--color-surface);
-  font-weight: 600;
-  cursor: pointer;
-}
-.reset-note {
-  font-size: 12px;
-  color: var(--color-warning);
-}
-.error {
-  color: var(--color-danger);
-  font-size: 13px;
-}
-.workbench-transcript-chip-row {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: 6px;
-  margin-bottom: 6px;
-}
-.workbench-context-chip--transcript {
-  font-size: 10px;
-}
-.workbench-error-chip-transcript {
-  font-size: 10px;
-}
-.workbench-summary-actions {
-  display: flex;
-  justify-content: flex-end;
-}
-.session-meta {
-  font-size: 12px;
-  color: var(--color-text-muted);
-}
-.session-link {
-  color: var(--color-primary);
-  text-decoration: none;
-}
-.session-link:hover {
-  text-decoration: underline;
-}
-.session-path code {
-  display: inline-block;
-  word-break: break-all;
-}
-.sessions-drawer {
-  position: fixed;
-  inset: 0;
-  display: flex;
-  z-index: 1000;
-}
-.sessions-drawer-panel {
-  width: min(360px, 90vw);
-  background: var(--color-surface);
-  border-right: 1px solid var(--color-border);
-  box-shadow: 12px 0 30px var(--color-shadow-strong);
-  padding: 16px;
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-}
-.sessions-drawer-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.sessions-drawer-logo {
-  display: inline-flex;
-  align-items: center;
-  color: var(--color-text);
-}
-.sessions-drawer-logo svg {
-  display: block;
-}
-.sessions-drawer-section {
-  flex: 1;
-  min-height: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  border-top: 1px solid var(--color-border);
-  border-bottom: 1px solid var(--color-border);
-  padding: 12px 0;
-}
-.sessions-drawer-section h3 {
-  margin: 0;
-  font-size: 14px;
-  font-weight: 600;
-  color: var(--color-text);
-}
-.sessions-drawer-actions {
-  display: flex;
-  gap: 8px;
-  flex-wrap: wrap;
-}
-.sessions-drawer-body {
-  flex: 1;
-  min-height: 0;
-  overflow-y: auto;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-.sessions-drawer-footer {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-.appearance-row {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 10px;
-}
-.appearance-row-label {
-  font-size: 13px;
-  font-weight: 600;
-  color: var(--color-text);
-}
-.appearance-row-select {
-  width: 150px;
-  flex: 0 0 auto;
-}
-.sessions-drawer-backdrop {
-  flex: 1;
-  border: 0;
-  padding: 0;
-  background: var(--color-overlay);
-  cursor: pointer;
-}
-.sessions-list {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-.sessions-list li {
-  display: flex;
-  gap: 8px;
-  align-items: center;
-}
-.session-select-button {
-  width: 100%;
-  text-align: left;
-  border: 0;
-  border-radius: calc(8px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  padding: 8px 10px;
-  background: transparent;
-  cursor: pointer;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  font-family: inherit;
-  box-sizing: border-box;
-}
-.session-select-button.active {
-  background: var(--color-border);
-}
-.session-select-button:hover {
-  background: var(--color-surface-subtle);
-}
-.session-select-button strong {
-  font-weight: 600;
-  font-size: 14px;
-  color: var(--color-text);
-}
-.session-select-button span {
-  font-size: 12px;
-  color: var(--color-text-subtle);
-}
-.session-select-button code {
-  font-size: 12px;
-  color: var(--color-text-subtle);
-}
-.session-delete-button {
-  width: 36px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0;
-  border-radius: calc(8px * var(--corner-radius-scale, 1));
-}
-.session-delete-button svg {
-  display: block;
-  min-width: 14px;
-}
-.trace-empty, .empty-state {
-  padding: 12px;
-  color: var(--color-text-muted);
-  text-align: center;
-}
-.recent-sessions {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  margin-top: 12px;
-}
-.recent-session-button {
-  border: 1px solid var(--color-border-strong);
-  border-radius: calc(10px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  padding: 10px;
-  background: var(--color-surface-muted);
-  text-align: left;
-  cursor: pointer;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-.recent-session-button:hover {
-  background: var(--color-border);
-}
-.empty-state-actions {
-  margin-top: 12px;
-  display: flex;
-  justify-content: center;
-  gap: 10px;
-  flex-wrap: wrap;
-}
-.top-nav {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  padding: 12px 16px;
-  background: var(--color-surface);
-  border-bottom: 1px solid var(--color-border);
-  position: sticky;
-  top: 0;
-  z-index: 10;
-  flex-wrap: wrap;
-}
-.top-nav-left {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-.top-nav-buttons {
-  display: flex;
-  gap: 8px;
-  flex-wrap: wrap;
-  flex: 1;
-}
-.tab-anchor-group {
-  position: relative;
-}
-.tab-anchor {
-  position: relative;
-  z-index: 1;
-}
-.tab-anchor-indicator {
-  position: absolute;
-  inset: 0;
-  opacity: 0;
-  pointer-events: none;
-  background: var(--color-primary-alpha-15);
-  border: 0;
-  border-radius: calc(10px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  transition:
-    top 180ms ease,
-    left 180ms ease,
-    width 180ms ease,
-    height 180ms ease,
-    opacity 120ms ease;
-}
-@supports (anchor-name: --active-tab-anchor) {
-  .tab-anchor--active {
-    anchor-name: --active-tab-anchor;
-  }
-  .tab-anchor-indicator {
-    position-anchor: --active-tab-anchor;
-    top: anchor(top);
-    left: anchor(left);
-    width: anchor-size(width);
-    height: anchor-size(height);
-    opacity: 1;
-  }
-  .tab-anchor-group .gds-button--tab {
-    background: transparent;
-    border-color: transparent;
-    color: var(--color-text);
-  }
-  .tab-anchor-group .gds-button--tab:hover {
-    border-color: var(--color-border-strong);
-    background: var(--color-surface-muted);
-  }
-  .tab-anchor-group .tab-anchor--active.gds-button--tab {
-    color: var(--color-primary);
-  }
-  .tab-anchor-group .tab-anchor--active.gds-button--tab:hover {
-    border-color: transparent;
-    background: transparent;
-  }
-}
-.top-nav-center {
-  flex: 0 1 auto;
-  display: flex;
-  justify-content: center;
-  min-width: 160px;
-}
-.top-nav-right {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  flex-wrap: wrap;
-  flex: 1;
-  justify-content: flex-end;
-}
-.top-nav-deck {
-  font-weight: 600;
-  color: var(--color-text-subtle);
-  font-size: 16px;
-}
-.top-nav-actions {
-  display: flex;
-  gap: 8px;
-  flex-wrap: wrap;
-  align-items: center;
-}
-.sessions-toggle {
-  gap: 8px;
-}
-.sessions-toggle.active {
-  background: var(--color-surface-subtle);
-}
-.calibrate-toggle.active,
-.workbench-toggle.active {
-  background: var(--color-primary-alpha-15);
-  border-color: var(--color-primary);
-  color: var(--color-primary);
-}
-.calibrate-toggle.active:hover,
-.workbench-toggle.active:hover {
-  background: var(--color-primary-alpha-25);
-}
-.bundle-stamp {
-  font-size: 12px;
-  color: var(--color-text-subtle);
-  text-align: center;
-  margin-top: 8px;
-}
-.panel-tabs {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  margin-bottom: 4px;
-}
-.gds-accordion {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  flex: 1;
-  min-height: 0;
-}
-.workbench-accordion {
-  flex: 1;
-  height: 100%;
-  min-height: 0;
-}
-.gds-accordion-item {
-  border: 1px solid var(--color-border-strong);
-  border-radius: calc(12px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  background: var(--color-surface-muted);
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-  flex: 0 0 auto;
-}
-.gds-accordion.equal-open .gds-accordion-item.open {
-  flex: 1 1 0;
-  min-height: 0;
-}
-.gds-accordion.equal-open .gds-accordion-content {
-  flex: 1;
-  min-height: 0;
-  overflow: auto;
-}
-.gds-accordion.equal-open .gds-accordion-content-inner {
-  flex: 1;
-  min-height: 0;
-}
-.gds-accordion-item.open {
-  flex: 1 1 auto;
-  min-height: 0;
-}
-.gds-accordion-header {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  padding: 10px 12px;
-}
-.gds-accordion-trigger {
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  background: transparent;
-  border: none;
-  padding: 0;
-  font-weight: 600;
-  cursor: pointer;
-  color: var(--color-text);
-  text-align: left;
-}
-.gds-accordion-trigger--icon {
-  flex: 0 0 auto;
-  padding: 4px;
-  justify-content: center;
-}
-.gds-accordion-trigger:disabled {
-  opacity: 0.6;
-  cursor: not-allowed;
-}
-.gds-accordion-title {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-}
-.workbench-accordion-title {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-}
-.workbench-chat-history-toggle {
-  width: 20px;
-  height: 20px;
-  border-radius: 999px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border: none;
-  background: var(--color-surface-subtle);
-  color: var(--color-text);
-  cursor: pointer;
-}
-.workbench-chat-history-toggle:hover {
-  background: var(--color-surface-muted);
-}
-.workbench-chat-history-arrow {
-  transform: rotate(90deg);
-}
-.workbench-chat-panel {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  flex: 1;
-  min-height: 0;
-  position: relative;
-  overflow: hidden;
-}
-.workbench-chat-history {
-  position: absolute;
-  inset: 0;
-  overflow: auto;
-  padding: 12px;
-  background: var(--color-surface-subtle);
-  width: 85%;
-}
-.workbench-chat-history-list {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-.workbench-chat-history-row {
-  font-size: 12px;
-  color: var(--color-text);
-  text-align: left;
-  background: transparent;
-  border: none;
-  padding: 0;
-  cursor: pointer;
-}
-.workbench-chat-overlay {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  min-height: 0;
-}
-.workbench-chat-current {
-  position: relative;
-  z-index: 1;
-  flex: 1;
-  height: auto;
-  min-height: 0;
-  display: flex;
-  flex-direction: column;
-  transition: transform 220ms ease;
-  padding: 12px;
-  background: var(--color-surface);
-  border-left: 1px solid var(--color-border);
-}
-.workbench-chat-current.is-history {
-  transform: translateX(85%);
-}
-.workbench-chat-readonly-overlay {
-  position: absolute;
-  inset: 0;
-  z-index: 2;
-  background: rgba(248, 250, 252, 0.88);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 16px;
-}
-.workbench-chat-readonly-card {
-  background: var(--color-surface);
-  border: 1px solid var(--color-border);
-  border-radius: calc(16px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
-  width: 100%;
-  max-width: 640px;
-  padding: 16px;
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  text-align: left;
-}
-.workbench-chat-readonly-title {
-  margin: 0;
-  font-size: 16px;
-}
-.workbench-chat-readonly-copy {
-  margin: 0;
-  font-size: 13px;
-  color: var(--color-text-muted);
-}
-.workbench-chat-start-overlay {
-  width: 100%;
-  max-width: 640px;
-  margin: 0 auto;
-  padding: 8px 0 4px;
-}
-.workbench-chat-start-title-block {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-.workbench-chat-start-eyebrow {
-  margin: 0;
-  font-size: 11px;
-  font-weight: 700;
-  letter-spacing: 0.14em;
-  text-transform: uppercase;
-  color: var(--color-text-subtle);
-}
-.workbench-chat-start-title {
-  display: block;
-  font-size: 16px;
-  line-height: 1.4;
-  font-weight: 600;
-  color: var(--color-text-strong);
-}
-.workbench-chat-start-copy-group {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-.workbench-chat-start-copy {
-  margin: 0;
-  font-size: 14px;
-  line-height: 1.55;
-  color: var(--color-text-body);
-}
-.workbench-chat-start-leading {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  margin-top: 4px;
-}
-.workbench-chat-start-actions {
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  margin-top: 8px;
-}
-.workbench-chat-readonly-actions {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 8px;
-}
-.workbench-chat-command-row {
-  display: flex;
-  align-items: flex-start;
-  gap: 8px;
-}
-.workbench-chat-command-code {
-  margin: 0;
-  flex: 1;
-  max-width: 100%;
-  padding: 8px 12px;
-  border: 1px solid var(--color-border);
-  border-radius: calc(10px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  background: var(--color-surface-muted);
-  overflow-x: auto;
-}
-.workbench-chat-command-code code {
-  font-size: 12px;
-  line-height: 1.4;
-  white-space: pre-wrap;
-  word-break: break-all;
-}
-.gds-accordion .gds-accordion-open-only {
-  display: none;
-}
-.gds-accordion-item.open .gds-accordion-open-only {
-  display: inline-flex;
-}
-.workbench-chat-header-actions {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-}
-.workbench-provider-select-label {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  font-size: 12px;
-  color: var(--color-text-muted);
-}
-.workbench-provider-select {
-  display: inline-flex;
-  align-items: center;
-}
-.workbench-provider-select .gds-listbox-trigger {
-  min-width: 120px;
-}
-.gds-accordion-actions {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-}
-.gds-accordion-actions--disabled {
-  opacity: 0.6;
-  pointer-events: none;
-}
-.gds-accordion-trigger:hover .calibrate-run-toggle-icon {
-  background: var(--color-surface-subtle);
-}
-.gds-accordion-item.open .calibrate-run-toggle-icon {
-  color: var(--color-primary);
-  background: var(--color-primary-alpha-15);
-  transform: rotate(180deg);
-}
-.gds-accordion-content {
-  border-top: 1px solid var(--color-border);
-  padding: 12px;
-  flex: 1;
-  min-height: 0;
-  overflow: auto;
-  background: var(--color-surface);
-}
-.gds-accordion-content.workbench-chat-content {
-  padding: 0;
-}
-.gds-accordion-content[hidden] {
-  display: none;
-}
-.gds-accordion-content-inner {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  min-height: 0;
-  height: 100%;
-}
-.build-chat-panel {
-  flex: 1;
-  min-height: 0;
-  display: flex;
-  flex-direction: column;
-  position: relative;
-}
-.workbench-chat-current .build-chat-panel {
-  height: auto;
-}
-.build-chat-panel .test-bot-thread {
-  flex: 1;
-  min-height: 0;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-}
-.build-chat-panel .imessage-thread {
-  flex: 1;
-  min-height: 0;
-  overflow-y: auto;
-}
-.workbench-chat-current .build-chat-panel .composer {
-  flex: 0 0 auto;
-  position: sticky;
-  bottom: 0;
-  z-index: 2;
-  background: var(--color-surface);
-  border-top: 1px solid var(--color-border);
-  padding-top: 8px;
-}
-.workbench-ratings {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-.panel-tab {
-  border: 1px solid var(--color-border-strong);
-  background: var(--color-surface-muted);
-  border-radius: calc(10px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  padding: 8px 12px;
-  cursor: pointer;
-  font-weight: 600;
-}
-.panel-tab.active {
-  background: var(--color-primary);
-  color: var(--color-surface);
-  border-color: var(--color-primary);
-}
-.editor-status {
-  font-size: 12px;
-  color: var(--color-text-muted);
-}
-.editor-main {
-  grid-template-columns: 280px minmax(0, 1fr);
-  min-height: 0;
-  overflow: hidden;
-}
-.build-main {
-  grid-template-columns: minmax(0, 1fr);
-}
-.build-chat-panel {
-  grid-column: 1 / span 2;
-}
-.build-main .build-chat-panel {
-  grid-column: auto;
-}
-.test-bot-sidebar {
-  overflow: hidden;
-  min-height: 0;
-}
-.flex-row {
-  display: flex;
-  flex-direction: row;
-}
-.flex-column {
-  display: flex;
-  flex-direction: column;
-}
-.flex-1 {
-  flex: 1;
-}
-.items-center {
-  align-items: center;
-}
-.gap-4 {
-  gap: 4px;
-}
-.gap-6 {
-  gap: 6px;
-}
-.gap-8 {
-  gap: 8px;
-}
-.row-reverse {
-  flex-direction: row-reverse;
-}
-.wrap {
-  flex-wrap: wrap;
-}
-.gds-tooltip-anchor {
-  display: inline-flex;
-  align-items: center;
-}
-.gds-tooltip {
-  position: fixed;
-  z-index: 1200;
-  max-width: min(320px, calc(100vw - 24px));
-  padding: 6px 8px;
-  border-radius: calc(8px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  border: 1px solid var(--color-border-strong);
-  background: var(--color-text);
-  color: var(--color-surface);
-  font-size: 12px;
-  line-height: 1.35;
-  box-shadow: 0 6px 18px var(--color-shadow-strong);
-  pointer-events: none;
-  animation: gds-tooltip-fade-in 120ms ease-out;
-}
-.gds-tooltip::after {
-  content: "";
-  position: absolute;
-  width: 8px;
-  height: 8px;
-  background: inherit;
-  border: inherit;
-  border-top: 0;
-  border-left: 0;
-}
-.gds-tooltip--top::after {
-  left: 50%;
-  bottom: -5px;
-  transform: translateX(-50%) rotate(45deg);
-}
-.gds-tooltip--bottom::after {
-  left: 50%;
-  top: -5px;
-  transform: translateX(-50%) rotate(225deg);
-}
-.gds-tooltip--left::after {
-  top: 50%;
-  right: -5px;
-  transform: translateY(-50%) rotate(315deg);
-}
-.gds-tooltip--right::after {
-  top: 50%;
-  left: -5px;
-  transform: translateY(-50%) rotate(135deg);
-}
-@keyframes gds-tooltip-fade-in {
-  from {
-    opacity: 0;
-    filter: saturate(0.8);
-  }
-  to {
-    opacity: 1;
-    filter: saturate(1);
-  }
-}
-.gds-listbox {
-  position: relative;
-}
-.gds-listbox-field-label {
-  font-weight: 600;
-  font-size: 13px;
-  color: var(--color-text);
-  margin-bottom: 6px;
-  display: inline-flex;
-}
-.gds-listbox-trigger {
-  width: 100%;
-  border-radius: calc(10px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  border: 1px solid var(--color-border-strong);
-  padding: 8px 30px 8px 10px;
-  font-family: inherit;
-  background: var(--color-surface);
-  cursor: pointer;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  text-align: left;
-  position: relative;
-}
-.gds-listbox-trigger:hover {
-  border-color: var(--color-border-emphasis);
-  background: var(--color-surface-muted);
-}
-.gds-listbox-trigger:disabled {
-  opacity: 0.6;
-  cursor: not-allowed;
-}
-.gds-listbox--size-small .gds-listbox-field-label {
-  margin-bottom: 4px;
-  font-size: 12px;
-}
-.gds-listbox--size-small .gds-listbox-trigger {
-  padding: 4px 28px 4px 10px;
-  gap: 0;
-}
-.gds-listbox--size-small .gds-listbox-label {
-  font-size: 13px;
-}
-.gds-listbox--size-small .gds-listbox-meta {
-  display: none;
-}
-.gds-listbox--size-small .gds-listbox-caret {
-  right: 9px;
-}
-.gds-listbox-label {
-  font-weight: 600;
-  font-size: 14px;
-  color: var(--color-text);
-}
-.gds-listbox-meta {
-  font-size: 12px;
-  color: var(--color-text-subtle);
-}
-.gds-listbox-caret {
-  position: absolute;
-  right: 10px;
-  top: 50%;
-  transform: translateY(-50%);
-  font-size: 12px;
-  color: var(--color-text-subtle);
-}
-.gds-listbox-popover {
-  background: var(--color-surface);
-  border: 1px solid var(--color-border);
-  border-radius: calc(12px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  box-shadow: 0 12px 32px var(--color-shadow-strong);
-  z-index: 1100;
-  max-height: 260px;
-  overflow-y: auto;
-  padding: 6px 6px;
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-.gds-listbox-header {
-  padding: 2px 10px;
-  font-size: 11px;
-  font-weight: 800;
-  text-transform: uppercase;
-  letter-spacing: 0.08em;
-  color: var(--color-text-subtle);
-}
-.gds-listbox-separator {
-  height: 1px;
-  background: var(--color-border);
-  margin: 4px 4px;
-}
-.gds-listbox-option {
-  width: 100%;
-  text-align: left;
-  border: 0;
-  background: transparent;
-  padding: 8px 10px;
-  cursor: pointer;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  font-family: inherit;
-  border-radius: calc(8px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  box-sizing: border-box;
-}
-.gds-listbox-option:hover {
-  background: var(--color-surface-subtle);
-}
-.gds-listbox-option[aria-selected="true"] {
-  background: var(--color-border);
-}
-.gds-listbox-option-label {
-  font-weight: 600;
-  font-size: 14px;
-  color: var(--color-text);
-}
-.gds-listbox-option-meta {
-  font-size: 12px;
-  color: var(--color-text-subtle);
-}
-.gds-button {
-  border: 1px solid var(--color-border-strong);
-  border-radius: calc(10px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  background: var(--color-surface);
-  cursor: pointer;
-  font-weight: 600;
-  font-family: inherit;
-  text-decoration: none;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  gap: 8px
-}
-.gds-button--tab {
-  border-color: transparent;
-}
-.gds-button--tab:hover {
-  border-color: transparent;
-}
-.gds-button--tab.gds-button--primary,
-.gds-button--tab.gds-button--primary:hover,
-.gds-button--tab.gds-button--primary-deemph,
-.gds-button--tab.gds-button--primary-deemph:hover,
-.gds-button--tab.gds-button--secondary,
-.gds-button--tab.gds-button--secondary:hover,
-.gds-button--tab.gds-button--ghost,
-.gds-button--tab.gds-button--ghost:hover,
-.gds-button--tab.gds-button--ghost-danger,
-.gds-button--tab.gds-button--ghost-danger:hover,
-.gds-button--tab.gds-button--danger,
-.gds-button--tab.gds-button--danger:hover {
-  border-color: transparent;
-}
-.gds-button--size-medium {
-  padding: 8px 14px;
-}
-.gds-button--size-large {
-  padding: 8px 18px;
-  font-size: 18px;
-}
-.gds-button--size-small {
-  padding: 4px 10px;
-}
-.gds-button:disabled {
-  opacity: 0.6;
-  cursor: not-allowed;
-}
-.gds-button--primary {
-  background: var(--color-primary);
-  color: var(--color-surface);
-  border-color: var(--color-primary);
-}
-.gds-button--primary:hover {
-  background: var(--color-primary-strong);
-  border-color: var(--color-primary-strong);
-}
-.gds-button--primary-deemph {
-  background: var(--color-primary-alpha-15);
-  color: var(--color-primary);
-  border-color: var(--color-primary);
-}
-.gds-button--primary-deemph:hover {
-  background: var(--color-primary-alpha-25);
-}
-.gds-button--secondary {
-  background: var(--color-surface-muted);
-  color: var(--color-text);
-}
-.gds-button--secondary:hover {
-  background: var(--color-border);
-  border-color: var(--color-border-emphasis);
-}
-.gds-button--ghost {
-  background: transparent;
-  border-color: transparent;
-  color: var(--color-text);
-}
-.gds-button--ghost:hover {
-  border-color: var(--color-border-strong);
-  background: var(--color-surface-muted);
-}
-.gds-button--ghost-danger {
-  background: transparent;
-  border-color: transparent;
-  color: var(--color-danger);
-}
-.gds-button--ghost-danger:hover {
-  background: var(--color-danger);
-  color: var(--color-surface);
-  border-color: var(--color-danger);
-}
-.gds-button--danger {
-  background: var(--color-danger-soft);
-  color: var(--color-danger);
-  border-color: var(--color-danger);
-}
-.gds-button--danger:hover {
-  background: var(--color-danger);
-  color: var(--color-surface);
-  border-color: var(--color-danger);
-}
-.gds-list {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  overflow-y: auto;
-}
-.gds-list-item {
-  border-radius: calc(12px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  padding: 10px;
-  background: var(--color-surface-muted);
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-.gds-list-item-button {
-  border: none;
-  background: none;
-  padding: 0;
-  text-align: left;
-  cursor: pointer;
-}
-.gds-list-item-button > .gds-list-item {
-  transition: background 120ms ease;
-}
-.gds-list-item-button:hover > .gds-list-item {
-  background: var(--color-surface);
-}
-.gds-list-item-header {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  font-weight: 700;
-  color: var(--color-text);
-}
-.gds-list-item-title {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  flex-wrap: wrap;
-  font-size: 14px;
-}
-.gds-list-item-meta {
-  font-size: 12px;
-  color: var(--color-text-muted);
-  font-weight: 500;
-}
-.gds-list-item-meta code {
-  font-size: 12px;
-}
-.gds-list-item-description {
-  font-size: 13px;
-  color: var(--color-text);
-}
-.imessage-thread {
-  flex: 1;
-  min-height: 0;
-  overflow-y: auto;
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  padding: 6px;
-}
-.test-bot-thread {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  min-height: 0;
-  gap: 8px;
-}
-.test-bot-thread-overlay {
-  position: absolute;
-  inset: 0;
-  background: rgba(248, 250, 252, 0.86);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 16px;
-}
-.test-bot-thread-card {
-  background: var(--color-surface);
-  border: 1px solid var(--color-border);
-  border-radius: calc(16px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  padding: 16px;
-  max-width: 640px;
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  text-align: left;
-  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
-}
-.test-bot-thread-title {
-  text-align: center;
-  font-size: 16px;
-}
-.test-bot-thread-subtitle {
-  text-align: center;
-}
-.test-bot-thread-sections {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 12px;
-}
-.test-bot-thread-section {
-  flex: 1 1 220px;
-  border: 1px solid var(--color-border);
-  border-radius: calc(12px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  padding: 10px 12px;
-  background: var(--color-surface-muted);
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  text-wrap: pretty;
-}
-.test-bot-thread-section button {
-  margin-top: auto;
-  align-self: center;
-}
-.test-bot-thread-section-title {
-  font-size: 13px;
-  font-weight: 700;
-  color: var(--color-text);
-}
-.test-bot-thread-section-body {
-  font-size: 12px;
-  color: var(--color-text-subtle);
-  line-height: 1.45;
-}
-.imessage-row {
-  display: flex;
-}
-.imessage-row.left {
-  justify-content: flex-start;
-}
-.imessage-row.right {
-  justify-content: flex-end;
-}
-.imessage-bubble {
-  max-width: min(520px, 85%);
-  padding: 10px 12px;
-  border-radius: calc(18px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  font-size: 13px;
-  line-height: 1.45;
-  white-space: pre-wrap;
-  word-break: break-word;
-  overflow-wrap: anywhere;
-}
-.imessage-bubble.left {
-  background: var(--color-surface-subtle);
-  color: var(--color-text);
-  border: 1px solid var(--color-border);
-  border-bottom-left-radius: 6px;
-}
-.imessage-bubble.reasoning-bubble {
-  background: var(--color-surface);
-  border: 1px solid var(--color-border-strong);
-}
-.imessage-bubble.right {
-  background: var(--color-primary-soft);
-  color: var(--color-text);
-  border: 1px solid var(--color-primary-alpha-25);
-  border-bottom-right-radius: 6px;
-}
-.build-chat-activity-indicator {
-  position: relative;
-  overflow: hidden;
-  border: 1px solid var(--color-border-strong);
-  border-radius: calc(10px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  background: var(--color-surface-muted);
-  padding: 8px 10px;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  min-height: 36px;
-}
-.build-chat-activity-sticky {
-  position: sticky;
-  bottom: 0;
-  z-index: 3;
-}
-.build-chat-activity-indicator-thinking {
-  border-color: var(--color-primary-alpha-25);
-}
-.build-chat-activity-indicator-responding {
-  border-color: var(--color-accent-border);
-}
-.build-chat-activity-glimmer {
-  position: absolute;
-  inset: 0;
-  pointer-events: none;
-  opacity: 0.5;
-  background:
-    linear-gradient(
-      110deg,
-      rgba(255, 255, 255, 0) 0%,
-      rgba(255, 255, 255, 0.36) 40%,
-      rgba(255, 255, 255, 0) 75%
-    );
-  transform: translateX(-100%);
-  animation: build-chat-glimmer 1.6s ease-in-out infinite;
-}
-.build-chat-activity-spinner {
-  width: 14px;
-  height: 14px;
-  border-radius: 999px;
-  border: 2px solid var(--color-primary-alpha-25);
-  border-top-color: var(--color-primary);
-  position: relative;
-  z-index: 1;
-  flex: 0 0 auto;
-  animation: build-chat-spinner 0.8s linear infinite;
-}
-.build-chat-activity-label,
-.build-chat-activity-timer {
-  position: relative;
-  z-index: 1;
-}
-.build-chat-activity-label {
-  font-size: 12px;
-  color: var(--color-text-body);
-  font-weight: 600;
-}
-.build-chat-activity-timer {
-  margin-left: auto;
-  font-size: 12px;
-  color: var(--color-text-muted);
-  font-variant-numeric: tabular-nums;
-}
-@keyframes build-chat-glimmer {
-  0% {
-    transform: translateX(-100%);
-  }
-  100% {
-    transform: translateX(120%);
-  }
-}
-@keyframes build-chat-spinner {
-  to {
-    transform: rotate(360deg);
-  }
-}
-@media (prefers-reduced-motion: reduce) {
-  .build-chat-activity-glimmer {
-    animation: none;
-    opacity: 0;
-  }
-}
-.imessage-row.left .imessage-bubble.right {
-  border-bottom-right-radius: 18px;
-  border-bottom-left-radius: 6px;
-}
-.imessage-row.right .imessage-bubble.left {
-  border-bottom-left-radius: 18px;
-  border-bottom-right-radius: 6px;
-}
-.imessage-bubble-muted {
-  opacity: 0.7;
-  font-size: 12px;
-  background: var(--color-surface-muted);
-  border-color: var(--color-border);
-}
-.build-files-panel {
-  overflow: hidden;
-  padding: 0;
-}
-.build-files-browser {
-  display: grid;
-  grid-template-columns: minmax(180px, 260px) minmax(0, 1fr);
-  gap: 8px;
-  min-height: 0;
-  flex: 1;
-}
-.build-files-list {
-  border: 1px solid var(--color-border-strong);
-  border-radius: calc(10px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  padding: 6px;
-  background: var(--color-surface-muted);
-  overflow-y: auto;
-  min-height: 0;
-}
-.build-files-preview {
-  background: var(--color-surface);
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  min-height: 0;
-  overflow: hidden;
-}
-.build-files-preview-header {
-  padding: 8px;
-  border-bottom: 1px solid var(--color-border);
-  background: var(--color-surface-muted);
-}
-.build-files-preview-controls {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 10px;
-  justify-content: space-between;
-}
-.build-files-preview-selector {
-  flex: 1;
-  min-width: 0;
-}
-.build-files-preview-actions {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 8px;
-  flex-shrink: 0;
-}
-.build-files-preview-body {
-  padding: 8px 16px;
-  overflow: auto;
-  flex: 1;
-  min-height: 0;
-}
-.build-file-preview {
-  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco,
-    Consolas, "Liberation Mono", "Courier New", monospace);
-  font-size: 12px;
-  line-height: 1.4;
-  white-space: pre-wrap;
-  word-break: break-word;
-  overflow-wrap: anywhere;
-}
-.build-file-row {
-  width: 100%;
-  border: none;
-  background: none;
-  text-align: left;
-  padding: 6px 8px;
-  border-radius: calc(8px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  font-family: inherit;
-}
-.build-file-item {
-  cursor: pointer;
-}
-.build-file-item:hover {
-  background: var(--color-surface);
-}
-.build-file-item.active {
-  background: var(--color-primary-alpha-15);
-  color: var(--color-primary);
-}
-.build-file-dir {
-  color: var(--color-text-muted);
-  font-weight: 600;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 6px;
-}
-.build-file-name {
-  font-size: 13px;
-  font-weight: 600;
-}
-.build-file-meta {
-  font-size: 11px;
-  color: var(--color-text-muted);
-}
-.build-file-icon {
-  font-size: 12px;
-  color: var(--color-text-muted);
-}
-.build-file-selected {
-  font-size: 12px;
-}
-.build-file-size {
-  font-size: 12px;
-  color: var(--color-text-muted);
-}
-.build-audit-trail {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  min-height: 0;
-}
-.build-audit-row {
-  border: 1px solid var(--color-border-strong);
-  border-radius: calc(10px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  padding: 8px;
-  background: var(--color-surface-muted);
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  text-align: left;
-  cursor: pointer;
-  font-family: inherit;
-}
-.build-audit-row:hover {
-  background: var(--color-surface);
-}
-.build-audit-summary {
-  font-weight: 700;
-  color: var(--color-text);
-}
-.build-audit-meta {
-  font-size: 12px;
-  color: var(--color-text-muted);
-}
-.patch-card {
-  border: 1px solid var(--color-border-strong);
-  border-radius: calc(12px * var(--corner-radius-scale, 1));
-  corner-shape: squircle;
-  padding: 10px;
-  background: var(--color-surface-muted);
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-.patch-summary {
-  font-weight: 700;
-  color: var(--color-text);
-}
-.patch-meta {
-  font-size: 12px;
-  color: var(--color-text-muted);
-}
-`;