:root {
  --color-ink: #f3ead7;
  --color-ink-muted: #c5b89d;
  --color-ink-dim: #817866;
  --color-night: #10120d;
  --color-night-deep: #080906;
  --color-panel: rgba(31, 34, 25, 0.78);
  --color-panel-strong: rgba(47, 52, 37, 0.94);
  --color-line: rgba(243, 234, 215, 0.14);
  --color-line-strong: rgba(243, 234, 215, 0.28);
  --color-copper: #d88a3d;
  --color-copper-soft: rgba(216, 138, 61, 0.16);
  --color-copper-haze: rgba(216, 138, 61, 0.22);
  --color-copper-veil: rgba(216, 138, 61, 0.11);
  --color-moss: #8ea667;
  --color-moss-soft: rgba(142, 166, 103, 0.18);
  --color-moss-haze: rgba(142, 166, 103, 0.2);
  --color-lime: #d2ea79;
  --color-lime-soft: rgba(210, 234, 121, 0.16);
  --color-rust: #be5f42;
  --color-rust-soft: rgba(190, 95, 66, 0.18);
  --color-cream-faint: rgba(243, 234, 215, 0.07);
  --color-cream-wash: rgba(243, 234, 215, 0.08);
  --color-grid-line: rgba(243, 234, 215, 0.03);
  --color-rail: rgba(12, 14, 10, 0.82);
  --color-hero-glass: rgba(17, 19, 14, 0.74);
  --color-panel-solid: #20241a;
  --color-command: rgba(8, 9, 6, 0.66);
  --color-column: rgba(8, 9, 6, 0.38);
  --color-row: rgba(8, 9, 6, 0.3);
  --font-display: "Iowan Old Style", "Songti SC", Georgia, serif;
  --font-body: "Avenir Next", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --font-mono: Menlo, Monaco, "Courier New", monospace;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --radius-sm: 0.75rem;
  --radius-md: 1.25rem;
  --radius-lg: 1.75rem;
  --radius-xl: 2.5rem;
  --shadow-soft: 0 1.25rem 3rem rgba(0, 0, 0, 0.26);
  --shadow-glow: 0 0 4rem rgba(216, 138, 61, 0.14);
  --transition-fast: 180ms ease;
  --rail-width: 18.5rem;
  --canvas-inset: var(--space-6);
  --command-panel-width: 21rem;
  --page-title-width: 52rem;
  --pipeline-min-height: 26rem;
  --prompt-max-height: 18rem;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-height: 100vh;
  color: var(--color-ink);
  font-family: var(--font-body);
  background:
    radial-gradient(circle at top left, var(--color-copper-haze), transparent 28rem),
    radial-gradient(circle at 78% 18%, var(--color-moss-haze), transparent 24rem),
    linear-gradient(135deg, var(--color-night-deep), var(--color-night));
  overflow: hidden;
}
body::before {
  position: fixed;
  inset: 0;
  z-index: -4;
  pointer-events: none;
  content: "";
  background-image:
    linear-gradient(var(--color-grid-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--color-grid-line) 1px, transparent 1px);
  background-size: var(--space-8) var(--space-8);
  mask-image: linear-gradient(to bottom, black, transparent 76%);
}
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
code { color: var(--color-lime); font-family: var(--font-mono); }
.ambient { position: fixed; z-index: -2; width: 26rem; height: 26rem; border-radius: 999rem; filter: blur(5rem); opacity: 0.38; pointer-events: none; }
.ambient-one { top: -8rem; left: 11rem; background: var(--color-copper-haze); }
.ambient-two { right: -8rem; bottom: 6rem; background: var(--color-moss-haze); }

.shell { display: grid; grid-template-columns: var(--rail-width) minmax(0, 1fr); height: 100vh; min-height: 100vh; }
.rail { position: sticky; top: 0; display: flex; flex-direction: column; gap: var(--space-5); height: 100vh; padding: var(--space-6); border-right: 1px solid var(--color-line); background: var(--color-rail); backdrop-filter: blur(1.5rem); }
.brand { display: flex; align-items: center; gap: var(--space-3); }
.brand-mark { display: grid; place-items: center; width: var(--space-12); height: var(--space-12); border: 1px solid var(--color-line-strong); border-radius: var(--radius-md); color: var(--color-night); font-family: var(--font-mono); font-weight: 900; background: linear-gradient(135deg, var(--color-lime), var(--color-copper)); box-shadow: var(--shadow-glow); }
.brand strong, .brand small { display: block; }
.brand strong { font-family: var(--font-display); font-size: 1.2rem; }
.brand small { margin-top: var(--space-1); color: var(--color-ink-muted); font-family: var(--font-mono); font-size: 0.7rem; }
.project-switcher, .quick-create { display: grid; gap: var(--space-3); }
.project-switcher label { color: var(--color-ink-muted); font-family: var(--font-mono); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; }
.project-switcher select, .project-switcher input { width: 100%; min-height: var(--space-10); padding: var(--space-3) var(--space-4); border: 1px solid var(--color-line); border-radius: var(--radius-sm); color: var(--color-ink); background: var(--color-row); }
.quick-create { grid-template-columns: minmax(0, 1fr) auto; }
.nav-list { display: grid; gap: var(--space-2); }
.nav-list a { position: relative; padding: var(--space-3) var(--space-4); border: 1px solid transparent; border-radius: var(--radius-sm); color: var(--color-ink-muted); font-family: var(--font-mono); font-size: 0.82rem; transition: border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast); }
.nav-list a:hover, .nav-list a:focus-visible { color: var(--color-ink); border-color: var(--color-line); background: var(--color-cream-wash); outline: none; transform: translateX(var(--space-1)); }
.nav-list a.is-active { color: var(--color-night); border-color: var(--color-lime); background: linear-gradient(135deg, var(--color-lime), var(--color-copper)); box-shadow: var(--shadow-glow); }
.rail-card { margin-top: auto; padding: var(--space-4); border: 1px solid var(--color-line); border-radius: var(--radius-md); background: var(--color-cream-faint); }
.rail-card p { margin: var(--space-3) 0 0; color: var(--color-ink-muted); line-height: 1.65; }

.canvas { width: 100%; height: 100vh; min-height: 0; max-width: none; overflow: hidden; padding: var(--canvas-inset); }
.view { display: grid; grid-template-rows: auto minmax(0, 1fr); gap: var(--space-5); height: calc(100vh - var(--canvas-inset) * 2); min-height: 0; overflow-y: auto; padding: var(--space-2) var(--space-2) var(--space-6); scrollbar-color: var(--color-copper-soft) transparent; }
.view[hidden] { display: none; }
.view[data-view="console"] { grid-template-rows: minmax(0, 1.35fr) minmax(0, 0.65fr); }
.hero { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(var(--command-panel-width), 0.85fr); gap: var(--space-6); min-height: 0; padding: var(--space-8); border: 1px solid var(--color-line); border-radius: var(--radius-xl); background: linear-gradient(135deg, var(--color-hero-glass), var(--color-copper-veil)), var(--color-panel); box-shadow: var(--shadow-soft); }
.hero-copy { align-self: center; }
.eyebrow { color: var(--color-lime); font-family: var(--font-mono); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: var(--font-display); font-weight: 800; letter-spacing: -0.04em; }
h1 { max-width: 44rem; margin-bottom: var(--space-4); font-size: clamp(2.2rem, 4vw, 4.2rem); line-height: 0.96; }
h2 { margin-bottom: 0; font-size: clamp(1.7rem, 3vw, 2.7rem); line-height: 1; }
h3 { margin-bottom: var(--space-3); font-size: 1.32rem; }
.hero-copy p, .page-header p, .section-heading p, .muted, .card-copy { color: var(--color-ink-muted); line-height: 1.7; }
.hero-copy p { max-width: 42rem; margin-bottom: var(--space-5); font-size: 1rem; }

.hero-actions, .button-row, .chip-row, .meta-row, .segmented, .gate-row, .tiny-actions, .test-meta, .summary-grid, .intake-actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.button, .chip, .tag, .gate-pill, .status-pill, .stage-mini { display: inline-flex; align-items: center; gap: var(--space-2); border-radius: 999rem; font-family: var(--font-mono); font-size: 0.78rem; font-weight: 800; }
.button { justify-content: center; min-height: var(--space-10); padding: var(--space-3) var(--space-5); border: 1px solid var(--color-line-strong); color: var(--color-ink); background: var(--color-cream-wash); transition: transform var(--transition-fast), border-color var(--transition-fast); }
.button:hover, .button:focus-visible { transform: translateY(calc(var(--space-1) * -1)); border-color: var(--color-copper); outline: none; }
.button.primary { color: var(--color-night); background: linear-gradient(135deg, var(--color-lime), var(--color-copper)); }
.button.secondary { color: var(--color-ink); background: var(--color-cream-wash); }
.button.ghost { min-height: auto; padding: var(--space-2) var(--space-3); color: var(--color-ink-muted); background: transparent; }
.button.danger { color: var(--color-ink); border-color: var(--color-rust-soft); background: var(--color-rust-soft); }
.button.is-active { color: var(--color-night); border-color: var(--color-lime); background: var(--color-lime); }
.text-button { padding: 0; border: 0; color: var(--color-ink-muted); background: transparent; font-family: var(--font-mono); font-size: 0.78rem; text-align: left; }
.text-button:hover, .text-link:hover { color: var(--color-ink); }

.command-card { display: grid; gap: var(--space-5); padding: var(--space-5); border: 1px solid var(--color-line-strong); border-radius: var(--radius-lg); background: var(--color-command); }
.command-card-top, .score-label, .check-row, .bug-row, .metric-row, .task-row, .funnel-row, .timeline-row, .form-row, .project-kv, .auto-row { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); }
.command-card-top { color: var(--color-ink-muted); font-family: var(--font-mono); font-size: 0.78rem; }
.status-dot { width: var(--space-3); height: var(--space-3); border-radius: 999rem; background: var(--color-lime); box-shadow: 0 0 1.5rem var(--color-lime); }
.dashboard-summary { display: grid; gap: var(--space-3); }
.summary-row { display: grid; grid-template-columns: minmax(7rem, 0.36fr) minmax(0, 1fr); gap: var(--space-3); align-items: start; padding: var(--space-3); border: 1px solid var(--color-line); border-radius: var(--radius-sm); background: var(--color-row); }
.summary-row span { color: var(--color-ink-muted); font-family: var(--font-mono); font-size: 0.72rem; text-transform: uppercase; }
.summary-row strong { line-height: 1.45; }

.page-header { position: sticky; top: 0; z-index: 2; padding: var(--space-6); border: 1px solid var(--color-line); border-radius: var(--radius-xl); background: linear-gradient(135deg, var(--color-command), var(--color-copper-veil)), var(--color-panel); box-shadow: var(--shadow-soft); backdrop-filter: blur(1.5rem); }
.page-header h2 { max-width: var(--page-title-width); }
.section-block { min-height: 0; margin-top: 0; scroll-margin-top: var(--space-6); }
.section-heading { margin-bottom: var(--space-5); }
.split-heading { display: flex; align-items: end; justify-content: space-between; gap: var(--space-4); }
.text-link { color: var(--color-ink-muted); font-family: var(--font-mono); font-size: 0.82rem; font-weight: 800; }
.insight-grid, .idea-board, .sop-grid, .workspace-grid, .qa-grid, .launch-grid, .marketing-grid, .metrics-grid { display: grid; gap: var(--space-4); }
.insight-grid { grid-template-columns: 1.2fr 0.8fr 0.8fr 0.8fr; min-height: 0; }
.idea-board { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: var(--space-4); }
.workspace-grid, .qa-grid, .launch-grid, .marketing-grid, .metrics-grid { grid-template-columns: repeat(12, minmax(0, 1fr)); }
.compact-followup { margin-top: var(--space-4); }
.card, .workspace-card, .qa-card, .launch-card, .marketing-card, .metric-card, .pipeline-column, .insight-card { border: 1px solid var(--color-line); border-radius: var(--radius-lg); background: linear-gradient(145deg, var(--color-cream-faint), transparent), var(--color-panel); box-shadow: var(--shadow-soft); }
.card, .workspace-card, .qa-card, .launch-card, .marketing-card, .metric-card, .insight-card { padding: var(--space-5); }
.insight-card { min-height: 8rem; }
.insight-card strong { display: block; margin: var(--space-3) 0 var(--space-2); font-family: var(--font-display); font-size: clamp(1.8rem, 3vw, 2.6rem); line-height: 0.98; }
.insight-card.is-accent { border-color: var(--color-copper-soft); background: linear-gradient(145deg, var(--color-copper-veil), transparent), var(--color-panel); }
.workspace-card, .qa-card, .launch-card, .marketing-card, .metric-card { grid-column: span 4; }
.workspace-card.is-wide, .qa-card.is-wide, .launch-card.is-wide, .marketing-card.is-wide, .metric-card.is-wide { grid-column: span 8; }
.workspace-card.is-full, .qa-card.is-full, .launch-card.is-full, .marketing-card.is-full, .metric-card.is-full { grid-column: 1 / -1; }
.workspace-card.product-intake { border-color: var(--color-lime-soft); background: linear-gradient(145deg, var(--color-moss-soft), var(--color-copper-veil)), var(--color-panel); }
.raw-idea-textarea { min-height: 12rem; font-size: 1rem; line-height: 1.65; }
.intake-actions { align-items: center; justify-content: space-between; }
.intake-actions .muted { margin-bottom: 0; }
.ai-settings-card, .role-chat-card { border-color: var(--color-copper-soft); }
.settings-grid { display: grid; grid-template-columns: 1.3fr 0.8fr 1.2fr 0.45fr; gap: var(--space-3); align-items: end; }
.settings-grid label { display: grid; gap: var(--space-2); color: var(--color-ink-muted); font-family: var(--font-mono); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.settings-actions { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: center; }
.api-notice { margin: var(--space-4) 0 0; padding: var(--space-3) var(--space-4); border: 1px solid var(--color-line); border-radius: var(--radius-sm); line-height: 1.65; }
.api-notice.is-ok { border-color: var(--color-lime-soft); color: var(--color-ink); background: var(--color-moss-soft); }
.api-notice.is-warning { border-color: var(--color-rust-soft); color: var(--color-ink); background: var(--color-rust-soft); }
.role-tabs { display: flex; flex-wrap: wrap; gap: var(--space-2); margin: var(--space-4) 0; }
.chat-thread { display: grid; gap: var(--space-3); max-height: 26rem; overflow: auto; padding: var(--space-4); border: 1px solid var(--color-line); border-radius: var(--radius-lg); background: var(--color-command); }
.chat-empty { color: var(--color-ink-muted); line-height: 1.7; }
.chat-message { display: grid; gap: var(--space-2); max-width: 78%; padding: var(--space-4); border: 1px solid var(--color-line); border-radius: var(--radius-md); background: var(--color-row); }
.chat-message span { color: var(--color-ink-muted); font-family: var(--font-mono); font-size: 0.72rem; font-weight: 800; text-transform: uppercase; }
.chat-message p { margin: 0; white-space: pre-wrap; line-height: 1.65; }
.chat-message.is-user { justify-self: end; border-color: var(--color-lime-soft); background: var(--color-lime-soft); }
.chat-message.is-assistant { justify-self: start; border-color: var(--color-copper-soft); background: var(--color-copper-veil); }
.chat-form { display: grid; gap: var(--space-3); margin-top: var(--space-4); }
.chat-form textarea { min-height: 8rem; }
.qa-section .qa-card:first-child, .launch-card:first-child { border-color: var(--color-copper-soft); background: linear-gradient(145deg, var(--color-copper-veil), transparent), var(--color-panel); }

.pipeline-grid { display: flex; gap: var(--space-3); min-height: var(--pipeline-min-height); overflow-x: auto; padding: var(--space-2) var(--space-1) var(--space-4); }
.pipeline-column { flex: 0 0 15rem; display: grid; align-content: start; gap: var(--space-3); min-height: auto; padding: var(--space-4); background: var(--color-column); box-shadow: none; }
.pipeline-column.is-active { flex-basis: 20rem; border-color: var(--color-copper); background: linear-gradient(145deg, var(--color-copper-veil), var(--color-column)); box-shadow: var(--shadow-soft); }
.pipeline-head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); }
.pipeline-head h3 { margin: var(--space-1) 0 0; font-size: 1.08rem; }
.stage-index { display: grid; place-items: center; min-width: var(--space-8); height: var(--space-8); border-radius: var(--radius-sm); color: var(--color-night); font-family: var(--font-mono); font-weight: 900; background: var(--color-copper); }
.pipeline-card { display: grid; gap: var(--space-3); padding: var(--space-3); border: 1px solid var(--color-line-strong); border-radius: var(--radius-md); background: var(--color-command); }
.pipeline-card h3 { margin-bottom: var(--space-2); font-size: 1.08rem; }
.pipeline-card .muted { margin-bottom: 0; }
.stage-mini, .chip, .tag, .status-pill, .gate-pill { padding: var(--space-1) var(--space-3); border: 1px solid var(--color-line); color: var(--color-ink-muted); background: var(--color-cream-wash); }
.tag.hot, .status-pass, .gate-pass { color: var(--color-lime); border-color: var(--color-lime-soft); background: var(--color-lime-soft); }
.tag.watch, .status-warn, .gate-warn, .status-unknown { color: var(--color-copper); border-color: var(--color-copper-soft); background: var(--color-copper-soft); }
.tag.risk, .status-fail, .gate-fail, .status-blocked { color: var(--color-rust); border-color: var(--color-rust-soft); background: var(--color-rust-soft); }
.sop-grid { grid-template-columns: repeat(9, minmax(7rem, 1fr)); margin-top: var(--space-3); }
.sop-grid a, .sop-list a { padding: var(--space-2) var(--space-3); border: 1px solid var(--color-line); border-radius: 999rem; color: var(--color-ink-muted); background: transparent; font-family: var(--font-mono); font-size: 0.72rem; font-weight: 800; text-align: center; }
.sop-grid a:hover, .sop-list a:hover { color: var(--color-lime); border-color: var(--color-lime-soft); background: var(--color-lime-soft); }

.detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
.project-kv, .check-row, .bug-row, .task-row, .metric-row, .funnel-row, .auto-row { padding: var(--space-3); border: 1px solid var(--color-line); border-radius: var(--radius-sm); background: var(--color-row); }
.project-kv { align-items: flex-start; }
.project-kv span:first-child, .metric-label { color: var(--color-ink-muted); font-family: var(--font-mono); font-size: 0.72rem; text-transform: uppercase; }
.project-kv strong { display: block; margin-top: var(--space-2); line-height: 1.55; }
.selector-panel, .inline-form, .stack-form { display: grid; gap: var(--space-3); }
.inline-form { grid-template-columns: minmax(0, 1fr) auto; }
.field, .textarea { width: 100%; border: 1px solid var(--color-line); border-radius: var(--radius-sm); color: var(--color-ink); background: var(--color-row); transition: border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast); }
.field { min-height: var(--space-10); padding: var(--space-3) var(--space-4); }
.textarea { min-height: 7rem; padding: var(--space-4); resize: vertical; }
.field:focus, .textarea:focus, .project-switcher select:focus, .project-switcher input:focus { border-color: var(--color-copper); background: var(--color-command); outline: none; box-shadow: 0 0 0 var(--space-1) var(--color-copper-soft); }
.select-field { appearance: none; }
.sop-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2); }
.task-list, .test-list, .bug-list, .check-list, .experiment-list, .hook-list, .channel-list, .funnel-list, .auto-list { display: grid; gap: var(--space-3); margin-top: var(--space-4); }
.task-row, .check-row, .bug-row, .auto-row { align-items: flex-start; }
.task-row.is-done, .check-row.is-done, .bug-row.is-resolved, .auto-row.is-pass { border-color: var(--color-lime-soft); background: var(--color-moss-soft); }
.task-row.is-done strong, .check-row.is-done strong, .bug-row.is-resolved strong { text-decoration: line-through; }
.test-case { display: grid; gap: var(--space-3); padding: var(--space-4); border: 1px solid var(--color-line); border-radius: var(--radius-md); background: var(--color-row); }
.test-case.is-pass { border-color: var(--color-lime-soft); }
.test-case.is-fail { border-color: var(--color-rust-soft); }
.score-ring { display: grid; place-items: center; width: 8rem; height: 8rem; margin: var(--space-4) auto; border-radius: 999rem; border: 1px solid var(--color-line-strong); background: conic-gradient(var(--color-lime) var(--score-angle), var(--color-cream-wash) 0); }
.score-ring span { display: grid; place-items: center; width: 6.25rem; height: 6.25rem; border-radius: 999rem; color: var(--color-ink); background: var(--color-panel-solid); font-family: var(--font-display); font-size: 2.2rem; font-weight: 900; }
.progress-track, .bar-track { overflow: hidden; height: var(--space-2); border-radius: 999rem; background: var(--color-cream-wash); }
.progress-fill, .bar-fill { height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--color-moss), var(--color-lime), var(--color-copper)); }
.bar-line { display: grid; grid-template-columns: 7rem minmax(0, 1fr) 3rem; gap: var(--space-3); align-items: center; }
.funnel-row { display: grid; grid-template-columns: 8rem minmax(0, 1fr) 4rem; }
.decision-button { text-transform: none; }
.prompt-box { display: grid; gap: var(--space-3); max-height: var(--prompt-max-height); margin-top: var(--space-4); overflow: auto; padding: var(--space-4); border: 1px dashed var(--color-line-strong); border-radius: var(--radius-md); color: var(--color-ink-muted); background: var(--color-command); white-space: pre-wrap; }
.toast-region { position: fixed; right: var(--space-6); bottom: var(--space-6); z-index: 10; display: grid; gap: var(--space-3); }
.toast { max-width: 24rem; padding: var(--space-4) var(--space-5); border: 1px solid var(--color-line-strong); border-radius: var(--radius-md); color: var(--color-ink); background: var(--color-panel-strong); box-shadow: var(--shadow-soft); }

@media (max-width: 78rem) {
  body { overflow-y: auto; }
  .shell { grid-template-columns: 1fr; }
  .rail { position: relative; height: auto; border-right: 0; border-bottom: 1px solid var(--color-line); }
  .nav-list { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .canvas { height: auto; overflow: visible; }
  .view, .view[data-view="console"] { height: auto; min-height: calc(100vh - var(--space-16)); overflow: visible; }
  .page-header { position: static; }
  .hero { grid-template-columns: 1fr; }
  .settings-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .insight-grid, .idea-board { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 52rem) {
  .canvas, .rail, .hero { padding: var(--space-5); }
  .nav-list, .quick-create, .insight-grid, .idea-board, .sop-grid, .detail-grid, .sop-list, .inline-form, .summary-row, .settings-grid { grid-template-columns: 1fr; }
  .workspace-card, .qa-card, .launch-card, .marketing-card, .metric-card, .workspace-card.is-wide, .qa-card.is-wide, .launch-card.is-wide, .marketing-card.is-wide, .metric-card.is-wide { grid-column: 1 / -1; }
  .split-heading, .command-card-top, .check-row, .bug-row, .task-row, .metric-row, .auto-row { align-items: flex-start; flex-direction: column; }
  .chat-message { max-width: 100%; }
  .bar-line, .funnel-row { grid-template-columns: 1fr; }
  .pipeline-column, .pipeline-column.is-active { flex-basis: 82vw; }
  .toast-region { right: var(--space-4); bottom: var(--space-4); left: var(--space-4); }
}