:root { --ink:#1c1e21; --muted:#606770; --subtle:#80868e; --line:#e3e6e9; --line-strong:#ccd0d5; --paper:#f5f6f7; --surface:#fff; --surface-alt:#fafbfc; --link:#00729e; --link-strong:#005878; --selection:#e5f5fc; --brand-blue:#00a3e2; --brand-orange:#ff6a00; --warn-ink:#a34400; --warn-bg:#fff4e8; --danger-ink:#b42318; --danger-bg:#fef3f2; --radius:8px; --radius-lg:10px; --gutter:32px; font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; color:var(--ink); background:var(--paper); }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); }
button,input,select,textarea { font:inherit; color:inherit; }
button { cursor:pointer; border:1px solid transparent; border-radius:6px; padding:6px 12px; background:transparent; }
button:hover:not(:disabled) { background:var(--selection); }
button:disabled { cursor:default; opacity:.45; }
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible { outline:3px solid #00729e; outline-offset:3px; }
[hidden] { display:none!important; }
a { color:var(--link); text-underline-offset:3px; }

/* Shell: sidebar, top bar and status bar. */
.workbench { display:grid; grid-template-columns:232px minmax(0,1fr); height:100vh; height:100dvh; }
.workbench.collapsed { grid-template-columns:64px minmax(0,1fr); }
#sidebar { height:100%; min-height:0; display:flex; flex-direction:column; background:var(--paper); border-right:1px solid var(--line); padding:18px 12px 12px; }
.brand { display:flex; align-items:center; height:44px; margin:0 8px 20px; }
.brand-logo { display:block; width:140px; height:42px; }
.brand-mark { display:none; width:30px; height:34px; flex:none; }
.collapsed .brand-mark { display:block; }
nav { display:grid; gap:4px; }
.nav-item { text-align:left; width:100%; display:flex; align-items:center; gap:10px; padding:8px 10px; white-space:nowrap; color:var(--ink); }
.nav-item.active { background:var(--selection); font-weight:600; color:var(--link-strong); box-shadow:inset 3px 0 var(--brand-blue); }
.nav-icon { display:block; width:20px; height:20px; flex:none; background:currentColor; mask:var(--icon) center/contain no-repeat; }
.icon-model { --icon:url("./icon-model.svg"); }
.icon-code { --icon:url("./icon-code.svg"); }
.icon-sidebar { --icon:url("./icon-sidebar.svg"); }
.collapsed .icon-sidebar { transform:scaleX(-1); }
.context { border-top:1px solid var(--line); margin-top:16px; padding:16px 4px; overflow:auto; flex:1; }
.eyebrow { font-size:11px; letter-spacing:1.2px; font-weight:650; color:var(--subtle); margin:0 0 10px; }
.context .eyebrow:not(:first-child) { margin-top:22px; }
.context-note { margin-top:18px; color:var(--subtle); }
.muted { color:var(--muted); }
.small { font-size:12px; }
input,select { border:1px solid var(--line-strong); background:var(--surface); border-radius:6px; padding:6px 8px; min-width:0; min-height:34px; }
.context input { width:100%; font-size:13px; margin-bottom:12px; }
.tree-item,.tree-module { display:flex; align-items:center; gap:8px; width:100%; text-align:left; font-size:13px; padding:6px 10px; overflow-wrap:anywhere; }
.tree-module { font-weight:650; margin-top:10px; }
.tree-item.selected { background:var(--selection); color:var(--link-strong); font-weight:600; }
.node-kind { font:11px ui-monospace,monospace; color:var(--link); flex:none; width:10px; text-align:center; }
.sidebar-bottom { display:flex; align-items:center; justify-content:flex-end; margin-top:auto; padding-top:8px; }
.collapse { display:grid; place-items:center; width:36px; height:36px; padding:0; color:var(--muted); }
.collapsed #sidebar { padding:18px 8px 12px; }
.collapsed .brand { margin:0 9px 20px; }
.collapsed .nav-label,.collapsed .context { display:none; }
.collapsed .nav-item { padding:8px 13px; }
.collapsed .sidebar-bottom { justify-content:center; }
main { min-width:0; min-height:0; display:flex; flex-direction:column; }
.topbar { height:56px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:0 var(--gutter); border-bottom:1px solid var(--line); font-size:12px; }
.breadcrumb { color:var(--muted); }
.breadcrumb-home { font-weight:600; text-decoration:none; }
.breadcrumb-home:hover { text-decoration:underline; }
a.brand { border-radius:var(--radius); }
.connection { display:flex; align-items:center; gap:8px; white-space:nowrap; padding:3px 4px 3px 10px; border:1px solid var(--line); border-radius:999px; background:var(--surface); }
.connection-dot { width:7px; height:7px; border-radius:50%; background:var(--brand-blue); flex:none; }
.connection a { padding:2px 8px; border-radius:999px; text-decoration:none; font-weight:600; }
.connection a:hover { background:var(--selection); }

/* Page heading and actions. */
.experience { padding:20px var(--gutter) 24px; flex:1; min-width:0; }
.experience-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:16px; }
h1 { font-size:24px; line-height:1.25; letter-spacing:-.5px; margin:0 0 4px; font-weight:650; }
p { margin:0 0 12px; }
.experience-heading p:last-child { margin:0; }
.mode-switch,.segmented { display:inline-flex; gap:2px; padding:3px; background:#eceef1; border-radius:var(--radius); font-size:13px; flex:none; }
.mode-switch button,.segmented button { padding:5px 12px; border-radius:6px; color:var(--muted); }
.mode-switch button:hover:not(:disabled),.segmented button:hover:not(:disabled) { background:#e2e5e9; }
.mode-switch .selected,.segmented .selected,.mode-switch .selected:hover:not(:disabled),.segmented .selected:hover:not(:disabled) { background:var(--surface); color:var(--ink); font-weight:600; box-shadow:0 1px 2px #1c1e211f; }
.toolbar { display:flex; align-items:flex-end; flex-wrap:wrap; gap:12px; margin-bottom:12px; }
.toolbar > div:not(.toolbar-actions) { display:contents; }
.toolbar label { display:grid; gap:4px; }
.toolbar label > span { font-size:12px; color:var(--muted); }
.toolbar select { min-width:160px; }
.toolbar-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-left:auto; }
.primary,.secondary,.ghost { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:34px; }
.primary { background:var(--brand-orange); color:var(--ink); border-color:var(--brand-orange); font-weight:600; padding:6px 16px; }
.primary:hover:not(:disabled) { background:#e65f00; }
.secondary { background:var(--surface); border-color:var(--line-strong); }
.secondary:hover:not(:disabled) { background:var(--surface-alt); border-color:#b0b6be; }
.ghost { color:var(--link); font-size:13px; padding:5px 8px; }
.action-icon,.artifact-icon { display:inline-block; width:16px; height:16px; flex:none; background:currentColor; mask:var(--icon) center/contain no-repeat; }

/* Panels. */
.editor-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; }
.panel { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-lg); overflow:hidden; min-width:0; }
.panel-heading { min-height:44px; display:flex; justify-content:space-between; align-items:center; gap:12px; padding:0 14px; border-bottom:1px solid var(--line); font-size:12px; overflow-wrap:anywhere; }
.panel-actions { display:flex; align-items:center; gap:8px; min-width:0; }
.file-name { display:inline-flex; align-items:center; gap:7px; font-weight:600; }
.file-name .action-icon { color:var(--subtle); }
.stale-badge { padding:2px 10px; border-radius:999px; background:var(--warn-bg); color:var(--warn-ink); font-size:11px; font-weight:600; white-space:nowrap; }
.tabs { display:flex; gap:18px; align-self:stretch; }
.tab { padding:0; border-radius:0; color:var(--muted); font-size:13px; box-shadow:inset 0 -2px transparent; }
.tab:hover:not(:disabled) { background:transparent; color:var(--ink); }
.tab.selected { color:var(--link); font-weight:600; box-shadow:inset 0 -2px var(--link); }
.output-body { display:flex; flex-direction:column; height:440px; overflow:auto; }
pre { margin:0; padding:20px; font:12px/1.75 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; white-space:pre-wrap; overflow-wrap:anywhere; }
.run-value { display:flex; align-items:baseline; gap:12px; margin:14px 14px 4px; padding:10px 14px; background:var(--selection); border-radius:var(--radius); }
.run-value strong { font-size:18px; color:var(--link-strong); }
.worksheet-result { border-bottom:1px solid var(--line); }
.worksheet-result .expression { padding-bottom:5px; color:var(--muted); }
.worksheet-result .value { padding-top:0; font-size:16px; color:var(--link); }
.footnote { margin:10px 2px 0; color:var(--subtle); }
.model-summary { display:flex; gap:15px; align-items:center; padding:20px; border-bottom:1px solid var(--line); }
.metric { font-size:30px; font-weight:600; }
/* Try Morphir fills the viewport: the code panes take the height left between the controls and the status bar. */
.playground { display:flex; flex-direction:column; padding-bottom:14px; }
.playground .editor-grid { flex:1 1 0; min-height:var(--code-min,320px); grid-template-rows:minmax(0,1fr); }
.playground .panel { display:flex; flex-direction:column; min-height:0; }
.playground .source-panel morphir-code-editor { flex:1 1 0; min-height:0; --editor-height:auto; }
.playground .output-body { flex:1 1 0; height:auto; min-height:0; }
@media (max-width:1050px) {
  .experience-heading { align-items:flex-start; flex-direction:column; gap:12px; }
  .editor-grid { grid-template-columns:minmax(0,1fr); }
  /* Stacked panes each get most of a screen, so one pane of code is readable at a time. */
  .playground .editor-grid { flex:none; grid-template-rows:none; grid-auto-rows:clamp(280px,calc(100dvh - 260px),720px); }
}

/* Narrow screens: the sidebar becomes a top band instead of squeezing the page. */
@media (max-width:650px) {
  :root { --gutter:14px; }
  .workbench,.workbench.collapsed { grid-template-columns:minmax(0,1fr); grid-template-rows:auto minmax(0,1fr); }
  #sidebar,.collapsed #sidebar { position:static; height:auto; flex-flow:row wrap; align-items:center; gap:6px; padding:8px 12px; border-right:0; border-bottom:1px solid var(--line); }
  .brand,.collapsed .brand { height:34px; margin:0 6px 0 0; }
  .brand-logo { display:none; }
  .brand-mark { display:block; width:26px; height:30px; }
  nav { display:flex; gap:4px; }
  .nav-label { display:none; }
  .nav-item,.collapsed .nav-item { width:auto; padding:8px 10px; }
  .nav-item.active { box-shadow:inset 0 -2px var(--brand-blue); }
  .sidebar-bottom { margin:0 0 0 auto; padding:0; }
  .context { order:10; flex:1 0 100%; margin:4px 0 0; padding:12px 2px 6px; max-height:45vh; }
  .experience { padding:18px var(--gutter) 24px; }
  .topbar { height:auto; min-height:52px; padding:8px var(--gutter); flex-wrap:wrap; }
  .breadcrumb { display:none; }
  .connection { gap:5px; font-size:11px; }
  h1 { font-size:22px; }
  .experience-heading > .mode-switch { display:flex; align-self:stretch; }
  .experience-heading > .mode-switch button { flex:1; }
  .toolbar select { min-width:0; width:100%; }
  .toolbar label { width:100%; }
  .toolbar-actions { margin-left:0; width:100%; }
  .toolbar-actions > button { flex:1; }
  .experience-heading > .toolbar-actions > button { flex:none; }
  .panel-heading { padding:6px 12px; flex-wrap:wrap; }
  .tabs { min-height:32px; }
  pre { padding:14px; }
}

.output-body morphir-code-editor { flex:1 1 0; min-height:0; --editor-height:auto; }
.output-body .run-value,.output-body .worksheet-result { flex:none; }
.model-detail morphir-code-editor { --editor-height:65vh; }

.navigation-history { display:flex; align-items:center; gap:10px; min-width:0; }
.back-button { display:grid; place-items:center; width:36px; height:36px; padding:8px; border:0; border-radius:50%; background:transparent; flex:none; margin-left:-8px; }
.icon-back { --icon:url("./icon-back.svg"); }

/* Generated output. */
.generated-output { display:flex; flex-direction:column; flex:1; min-width:0; min-height:0; }
.artifact-toolbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; padding:6px 10px; border-bottom:1px solid var(--line); background:var(--surface-alt); }
.artifact-toolbar-title,.artifact-toolbar-actions { display:flex; align-items:center; gap:6px; min-width:0; }
.artifact-title { font-size:12px; font-weight:600; }
.artifact-count { font-size:11px; background:#edf0f3; border-radius:10px; padding:1px 7px; color:var(--muted); }
.artifact-toolbar .ghost { font-size:12px; }
.artifact-icon-button { display:grid; place-items:center; width:30px; height:30px; padding:6px; border-radius:6px; flex:none; color:var(--muted); }
.icon-folder { --icon:url("./icon-folder.svg"); }
.icon-files { --icon:url("./icon-sidebar.svg"); }
.artifact-icon-button[aria-expanded="false"] .icon-files { transform:scaleX(-1); }
.icon-document { --icon:url("./icon-document.svg"); }
.icon-download { --icon:url("./icon-download.svg"); }
.icon-expand { --icon:url("./icon-expand.svg"); }
.icon-restore { --icon:url("./icon-restore.svg"); }
.artifact-workspace { display:grid; grid-template-columns:fit-content(200px) minmax(0,1fr); flex:1 1 0; min-width:0; min-height:200px; }
.artifact-workspace.files-hidden { grid-template-columns:minmax(0,1fr); }
.artifact-files { display:block; min-width:96px; padding:8px 6px; background:var(--surface-alt); border-right:1px solid var(--line); overflow-y:auto; overflow-x:hidden; min-width:0; min-height:0; }
.artifact-tree { list-style:none; margin:0; padding:0; }
.artifact-tree .artifact-tree { padding-left:6px; border-left:1px solid var(--line); margin-left:6px; }
.artifact-file,.artifact-folder { display:flex; align-items:center; gap:6px; padding:5px 6px; width:100%; min-width:0; text-align:left; font-size:12px; border-radius:5px; }
.artifact-file { color:var(--muted); }
.artifact-file.selected { color:var(--link-strong); background:var(--selection); box-shadow:inset 2px 0 var(--brand-blue); font-weight:600; }
.artifact-file .artifact-icon { color:var(--link); }
.artifact-folder .artifact-icon { color:var(--warn-ink); }
.artifact-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.artifact-chevron { font-size:17px; line-height:16px; width:8px; flex:none; transition:transform .12s; }
.artifact-chevron.open { transform:rotate(90deg); }
.artifact-preview { display:flex; flex-direction:column; min-width:0; min-height:0; overflow:hidden; }
.artifact-file-heading { display:flex; align-items:center; gap:8px; padding:4px 6px 4px 12px; border-bottom:1px solid var(--line); min-width:0; }
.artifact-breadcrumb { display:flex; align-items:center; flex-wrap:wrap; gap:5px; min-width:0; flex:1; color:var(--muted); font-size:11px; overflow-wrap:anywhere; }
.artifact-path-file { color:var(--ink); font-weight:600; }
.artifact-path-separator { color:#b0b6be; }
.artifact-readonly { font-size:10px; color:var(--muted); white-space:nowrap; }
.generated-output > p { margin:10px 12px; font-size:12px; }
.generated-output morphir-code-editor { flex:1 1 0; min-height:0; }
.generation-message { color:var(--warn-ink); overflow-wrap:anywhere; }
.editor-grid.output-expanded { grid-template-columns:minmax(0,1fr); }
.editor-grid.output-expanded > .source-panel { display:none; }
.output-expanded .artifact-workspace { grid-template-columns:fit-content(260px) minmax(0,1fr); }
.output-expanded .artifact-workspace.files-hidden { grid-template-columns:minmax(0,1fr); }
@media (max-width:650px) {
  .artifact-toolbar-actions { flex-wrap:wrap; }
  .artifact-workspace,.output-expanded .artifact-workspace { display:flex; flex-direction:column; }
  .artifact-preview { flex:1 1 0; }
  .artifact-files { max-height:132px; border-right:0; border-bottom:1px solid var(--line); }
  .artifact-file-heading { flex-wrap:wrap; }
}

/* Source profile details stay one quiet line until opened. */
.source-capabilities { margin:0 0 14px; font-size:13px; }
.source-capabilities summary { display:inline-flex; align-items:center; gap:6px; cursor:pointer; color:var(--link); font-size:12px; border-radius:4px; }
.source-capabilities summary:hover { text-decoration:underline; text-underline-offset:3px; }
.source-capabilities-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:10px; padding:12px 16px; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); }
.source-capabilities ul { padding-left:18px; margin:6px 0 0; }
.source-capabilities li { margin:4px 0; overflow-wrap:anywhere; }
@media (max-width:650px) { .source-capabilities-grid { grid-template-columns:minmax(0,1fr); } }

/* Bottom tool panel: a compact bar with Logs, Diagnostics, Output and status that opens over code height. */
.tool-panel { flex:0 1 auto; min-height:36px; display:flex; flex-direction:column; background:var(--paper); border-top:1px solid var(--line); }
.tool-bar { flex:none; display:flex; align-items:center; gap:4px 12px; min-height:36px; padding:0 calc(var(--gutter) - 10px) 0 calc(var(--gutter) - 10px); }
.tool-tabs { display:flex; align-self:stretch; gap:2px; flex:none; }
.tool-tab { display:inline-flex; align-items:center; gap:6px; padding:0 10px; border-radius:0; font-size:12px; color:var(--muted); box-shadow:inset 0 -2px transparent; }
.tool-tab:hover:not(:disabled) { background:transparent; color:var(--ink); }
.tool-tab.current { color:var(--ink); }
.tool-tab.selected,.tool-tab.selected:hover:not(:disabled) { color:var(--link); font-weight:600; box-shadow:inset 0 -2px var(--link); }
.tool-tab:focus-visible { outline-offset:-3px; }
.tool-count { min-width:18px; padding:0 6px; border-radius:999px; background:var(--danger-bg); color:var(--danger-ink); font-size:11px; font-weight:600; text-align:center; }
.statusbar { flex:1; min-width:0; font-size:12px; color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tool-controls { display:flex; gap:2px; flex:none; margin-left:auto; }
.tool-control { display:grid; place-items:center; width:30px; height:30px; padding:0; color:var(--muted); }
.tool-control:focus-visible { outline-offset:-2px; }
.icon-chevron { --icon:url("./icon-chevron.svg"); }
.icon-chevron-down { --icon:url("./icon-chevron.svg"); transform:rotate(180deg); }
.tool-body { --tool-height:clamp(140px,30vh,360px); flex:0 1 var(--tool-height); min-height:0; overflow:auto; background:var(--surface); border-top:1px solid var(--line); }
.tool-panel.expanded .tool-body { --tool-height:max(200px,calc(100vh - 280px)); }
/* The app is one viewport tall. The workspace scrolls inside, so the panel bar
   and an open panel always have their own space and never cover focusable controls. */
main > .experience { flex:1 1 0; min-height:0; overflow:auto; }
.tool-body:focus-visible { outline-offset:-3px; }
.tool-body-heading { position:sticky; top:0; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:32px; padding:0 calc(var(--gutter) - 8px) 0 var(--gutter); background:var(--surface); border-bottom:1px solid var(--line); font-size:12px; color:var(--muted); }
.tool-body-heading .ghost { font-size:12px; min-height:28px; }
.tool-content { padding:4px var(--gutter) 12px; }
.tool-empty { margin:12px 0; color:var(--muted); font-size:13px; max-width:80ch; }
.tool-list { list-style:none; margin:0; padding:0; font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }
.tool-log,.tool-diagnostic { display:grid; gap:2px 12px; padding:4px 0; border-bottom:1px solid var(--line); min-width:0; }
.tool-log { grid-template-columns:64px 58px 112px minmax(0,1fr); }
.tool-diagnostic { grid-template-columns:58px auto minmax(0,1fr) auto; align-items:baseline; }
.tool-time,.tool-location { color:var(--subtle); }
.tool-severity { font-weight:600; color:var(--subtle); }
.severity-warning .tool-severity { color:var(--warn-ink); }
.severity-error .tool-severity { color:var(--danger-ink); }
.tool-operation { color:var(--link-strong); overflow-wrap:anywhere; }
.tool-code { color:var(--danger-ink); }
.tool-message { white-space:pre-wrap; overflow-wrap:anywhere; min-width:0; }
.tool-report,.tool-outcome { padding:8px 0; border-bottom:1px solid var(--line); min-width:0; }
.tool-report.previous { opacity:.68; }
.tool-report-heading { display:flex; align-items:center; flex-wrap:wrap; gap:4px 10px; font-size:12px; color:var(--muted); margin-bottom:4px; }
.tool-report-heading strong { color:var(--ink); font-weight:600; overflow-wrap:anywhere; }
.tool-badge { padding:1px 8px; border-radius:999px; background:var(--selection); color:var(--link-strong); font-size:11px; font-weight:600; }
.previous .tool-badge { background:#edf0f3; color:var(--muted); }
.tool-clean { margin:2px 0 0; font-size:12px; color:var(--muted); }
.tool-outcome.severity-error .tool-report-heading strong { color:var(--danger-ink); }
.tool-outcome.severity-warning .tool-report-heading strong { color:var(--warn-ink); }
.tool-lines { padding:2px 0 0; font-size:12px; max-height:240px; overflow:auto; }
/* An open panel takes its height from the code panes, down to a smaller minimum. */
.tool-open .playground .editor-grid { --code-min:180px; }
@media (max-width:650px) {
  .tool-bar { flex-wrap:wrap; padding:0 6px; }
  .statusbar { order:3; flex-basis:100%; padding:0 6px 6px; white-space:normal; }
  .tool-body { --tool-height:clamp(140px,34vh,360px); }
  /* With the panel open, the sidebar band shrinks so the workspace keeps room. */
  .tool-open .context { max-height:25vh; }
  .tool-log { grid-template-columns:64px minmax(0,1fr); }
  .tool-log .tool-severity { display:none; }
  .tool-log .tool-message { grid-column:1 / -1; }
  .tool-diagnostic { grid-template-columns:auto minmax(0,1fr); }
  .tool-diagnostic .tool-message,.tool-diagnostic .tool-location { grid-column:1 / -1; }
}

.tool-related { grid-column:2 / -1; min-width:0; font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }
.tool-related summary { cursor:pointer; color:var(--link); }
.tool-related li { display:flex; flex-direction:column; gap:2px; margin:8px 0; overflow-wrap:anywhere; }
.tool-fix { white-space:pre-wrap; overflow-wrap:anywhere; }
.severity-warning .tool-code { color:var(--warn-ink); }

/* Qualified terminal evidence is separate from value editors and cleanup. */
.terminal-outcomes { min-width:0; margin:8px 0; }
.terminal-calls { margin:0; padding:0; list-style:none; display:grid; gap:6px; }
.terminal-call { min-width:0; border-left:3px solid var(--link); padding:5px 10px; }
.terminal-heading,.terminal-cause { display:flex; flex-wrap:wrap; gap:6px 12px; align-items:baseline; min-width:0; }
.terminal-kind { color:var(--link-strong); }
.terminal-id,.terminal-stage { color:var(--muted); font-size:12px; overflow-wrap:anywhere; }
.terminal-code,.terminal-cause span { overflow-wrap:anywhere; min-width:0; }
.terminal-call.model-error,.terminal-call.cancelled { border-color:var(--brand-orange); }
.terminal-call.model-error .terminal-kind,.terminal-call.cancelled .terminal-kind { color:var(--warn-ink); }
.terminal-call.failed { border-color:var(--danger-ink); }
.terminal-call.failed .terminal-kind { color:var(--danger-ink); }
.terminal-preview { margin:4px 0 0; font:12px/1.5 ui-monospace,monospace; white-space:pre-wrap; overflow-wrap:anywhere; }
.terminal-cleanup { display:flex; flex-wrap:wrap; gap:6px 12px; margin-top:8px; padding:8px 10px; border:1px solid var(--danger-ink); border-radius:6px; background:var(--danger-bg); overflow-wrap:anywhere; }
.terminal-cleanup strong,.terminal-invalid strong { color:var(--danger-ink); }
.terminal-invalid { display:flex; flex-wrap:wrap; gap:8px; overflow-wrap:anywhere; }
.terminal-omitted { color:var(--muted); font-size:12px; margin:6px 0; }

.evaluation-result.cancelled { border-color:var(--brand-orange); background:var(--warn-bg); }