.cb-category-layout { --cb-tool-line:#d9e3ee; --cb-tool-surface:#f3f6fb; --cb-tool-ink:#243342; }
.cb-category-layout .cb-layout-hero { background-image:none; }
.cb-category-layout .cb-layout-hero > .container { display:block !important; }
.cb-category-layout .cb-layout-hero-heading { max-width:900px; margin-bottom:32px; }
.cb-category-layout .cb-layout-hero-heading > p { max-width:76ch; }
.cb-category-layout .cb-layout-hero-heading h2 { max-width:none; text-wrap:balance; }
.cb-category-layout .cb-layout-hero-heading .cb-ai-actions { margin-top:22px; }
.cb-category-layout .cb-layout-points { margin-top:26px; }
.cb-category-layout .cb-layout-points .cb-ai-points { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.cb-category-layout .cb-layout-points .cb-ai-points li { margin:0; }
.cb-layout-tool-rail { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:0 0 24px; }
.cb-layout-tool-rail a { display:flex; align-items:center; justify-content:center; gap:12px; min-height:56px; background:#fff; border:1px solid var(--cb-tool-line); border-radius:6px; padding:12px; }
.cb-layout-tool-rail a:hover,.cb-layout-tool-rail a:focus-visible { border-color:#ff5621; color:#d43b0b; }
.cb-tool-figure { margin:0; min-width:0; }
.cb-tool-figure figcaption { margin-top:12px; text-align:right; color:#55667a; }
.cb-tool-window { width:100%; border:1px solid #cad6e5; border-radius:8px; background:#fff; box-shadow:0 16px 36px -24px #223d6470; overflow:hidden; color:var(--cb-tool-ink); }
.cb-tool-titlebar { display:flex; align-items:center; gap:18px; min-height:47px; padding:10px 20px; background:#eaf0f7; border-bottom:1px solid var(--cb-tool-line); }
.cb-tool-titlebar > small { margin-left:auto; }
.cb-tool-dots { display:flex; gap:6px; flex:none; }
.cb-tool-dots b { width:9px; height:9px; background:#ff695e; border-radius:50%; }
.cb-tool-dots b:nth-child(2) { background:#ffca53; }
.cb-tool-dots b:nth-child(3) { background:#45bc83; }
.cb-tool-workspace { display:grid; grid-template-columns:170px minmax(0,1fr); min-height:410px; }
.cb-tool-workspace > * { min-width:0; }
.cb-tool-sidebar { padding:24px 16px; display:flex; flex-direction:column; gap:19px; background:#f5f7fa; border-right:1px solid var(--cb-tool-line); }
.cb-tool-sidebar span { display:flex; align-items:center; gap:8px; overflow-wrap:anywhere; }
.cb-tool-sidebar .cb-tool-selected { padding:10px 8px; background:#e8efff; color:#243d9a; border-radius:4px; }
.cb-tool-file { min-height:45px; display:flex; align-items:center; padding:10px 22px; border-bottom:1px solid var(--cb-tool-line); }
.cb-tool-chat { min-width:0; }
.cb-tool-dialogue { padding:22px; display:flex; flex-direction:column; gap:20px; }
.cb-tool-dialogue p { margin:0; overflow-wrap:anywhere; }
.cb-tool-user { display:flex; align-items:flex-start; gap:10px; padding:13px 16px; background:#edf3ff; border-radius:6px; margin-left:22px; }
.cb-tool-user > i,.cb-tool-agent > i { padding-top:5px; flex:none; }
.cb-tool-agent { display:flex; align-items:flex-start; gap:12px; }
.cb-tool-agent strong { display:block; margin-bottom:8px; }
.cb-tool-agent small { display:block; margin-top:8px; color:#586979; }
.cb-tool-verify { display:flex; align-items:flex-start; gap:9px; }
.cb-tool-code { min-width:0; max-width:100%; border:1px solid var(--cb-tool-line); border-radius:5px; background:#f7f9fc; }
.cb-tool-code-bar { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:42px; padding:6px 14px; border-bottom:1px solid var(--cb-tool-line); }
.cb-tool-copy { display:inline-flex; align-items:center; justify-content:center; flex:none; width:34px; height:34px; border:1px solid transparent; background:transparent; color:inherit; border-radius:4px; cursor:pointer; }
.cb-tool-copy:hover { background:#e7eef9; }
.cb-tool-copy:focus-visible { outline:2px solid #244fe1; outline-offset:2px; }
.cb-tool-code pre { border:0; padding:18px; margin:0; white-space:pre-wrap; overflow-wrap:anywhere; word-break:normal; background:transparent; color:inherit; max-width:100%; }
.cb-tool-code code { white-space:inherit; overflow-wrap:anywhere; color:inherit; background:transparent; padding:0; }
.cb-tool-feedback:not(:empty) { display:block; padding:0 16px 12px; }
.cb-tool-input { display:flex; gap:10px; align-items:center; min-height:46px; border:1px solid var(--cb-tool-line); border-radius:5px; margin:0 22px 22px; padding:10px 14px; color:#596c82; }
.cb-tool-input > span { margin-left:auto; }
.cb-tool-mode-chat .cb-tool-workspace { display:grid; grid-template-columns:155px minmax(0,1fr) minmax(270px,.8fr); }
.cb-tool-mode-chat .cb-tool-workspace:not(:has(.cb-tool-review)) { grid-template-columns:170px minmax(0,1fr); }
.cb-tool-review { border-left:1px solid var(--cb-tool-line); background:#fafbfd; }
.cb-tool-review > .cb-tool-code { margin:20px 16px; }
.cb-tool-review > p { padding:0 18px; }
.cb-tool-mode-chat:has(.cb-tool-review) .cb-tool-dialogue > .cb-tool-code { display:none; }
.cb-tool-mode-editor .cb-tool-workspace { grid-template-columns:155px minmax(0,1.15fr) minmax(300px,1fr); }
.cb-tool-editor > .cb-tool-code { margin:20px; }
.cb-tool-editor .cb-tool-chat { border-left:1px solid var(--cb-tool-line); }
.cb-tool-note { margin:24px 20px; padding-top:24px; border-top:1px solid var(--cb-tool-line); }
.cb-tool-note p { margin:10px 0; }
.cb-tool-mode-terminal .cb-tool-workspace { display:block; }
.cb-tool-window.cb-tool-mode-terminal { background:#17212d; color:#edf4ff; border-color:#334657; }
.cb-tool-mode-terminal .cb-tool-titlebar { background:#253140; border-color:#3e4c5b; }
.cb-tool-terminal > p { margin-bottom:20px; }
.cb-tool-workspace > .cb-tool-terminal { padding:30px; }
.cb-tool-terminal .cb-tool-code { background:#202d3c; border-color:#45576c; margin:22px 0; }
.cb-tool-terminal .cb-tool-code-bar { border-color:#45576c; }
.cb-tool-terminal .cb-tool-input { margin:20px 0 0; border-color:#61758c; color:#d5e1f0; }
.cb-tool-terminal .cb-tool-copy:hover { background:#44576b; }
.cb-tool-setting { padding:30px; }
.cb-tool-setting-row { display:flex; justify-content:space-between; align-items:flex-start; gap:24px; padding:20px 0; margin:16px 0; border-top:1px solid var(--cb-tool-line); border-bottom:1px solid var(--cb-tool-line); }
.cb-tool-skill { padding:18px 22px; border-bottom:1px solid var(--cb-tool-line); display:flex; flex-wrap:wrap; gap:12px 22px; }
.cb-tool-skill code { overflow-wrap:anywhere; }
.cb-tool-skill small { flex-basis:100%; }
.cb-tool-mode-flow .cb-tool-workspace { grid-template-columns:145px minmax(0,1.2fr) minmax(280px,1fr); }
.cb-tool-canvas { background-color:#fafcff; background-image:radial-gradient(#dce4ee .6px,transparent .6px); background-size:13px 13px; display:flex; flex-direction:column; }
.cb-tool-canvas > .cb-tool-flow { margin:auto 20px; padding:50px 0; }
.cb-tool-flow-note { padding:20px; border-top:1px solid var(--cb-tool-line); background:#fff; }
.cb-tool-flow { list-style:none; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; margin:25px 0; }
.cb-tool-flow li { min-width:0; display:flex; align-items:center; flex-direction:column; text-align:center; gap:13px; position:relative; }
.cb-tool-flow li > span { display:flex; justify-content:center; align-items:center; width:58px; height:58px; border:1px solid #a9bcda; border-radius:6px; background:#fff; color:#2858e3; }
.cb-tool-flow li > strong { overflow-wrap:anywhere; }
.cb-tool-flow li:not(:last-child):after { content:''; position:absolute; left:calc(50% + 30px); top:28px; width:calc(100% - 38px); border-top:1px solid #ff5621; }
.cb-tool-params { margin:0 0 24px; }
.cb-tool-params > div { display:grid; grid-template-columns:minmax(100px,.65fr) minmax(0,1fr); gap:16px; padding:14px 0; border-bottom:1px solid var(--cb-tool-line); }
.cb-tool-params dt,.cb-tool-params dd { margin:0; overflow-wrap:anywhere; }
.cb-tool-config-panel { padding:25px; border:1px solid var(--cb-tool-line); border-radius:6px; background:#fff; }
.cb-tool-node-preview { padding:16px; border:1px solid var(--cb-tool-line); border-radius:5px; }
.cb-tool-node-preview .cb-tool-params { margin:12px 0; }
.cb-tool-node-preview .cb-tool-params > div { display:block; }
.cb-tool-node-preview .cb-tool-params dd { margin-top:6px; }
.cb-layout-outline { padding:24px; border-right:1px solid var(--cb-tool-line); }
.cb-layout-outline ol { margin:18px 0 0; padding-left:20px; display:grid; gap:22px; }
.cb-category-layout .cb-layout-doc-workspace { display:grid; grid-template-columns:minmax(180px,.5fr) minmax(0,1.5fr); align-items:start; gap:32px; }
.cb-layout-doc-workspace .cb-ai-code { width:100%; }
.cb-layout-editor-setup .cb-ai-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.cb-layout-runbook-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:55px; align-items:start; }
.cb-layout-runbook-grid .cb-ai-steps { display:grid; grid-template-columns:1fr; gap:30px; }
.cb-layout-runbook-grid .cb-ai-steps li { border-bottom:1px solid var(--cb-tool-line); padding-bottom:26px; }
.cb-layout-response-guide .cb-ai-split { display:block; }
.cb-layout-response-guide .cb-ai-art { display:none; }
.cb-layout-case-directory .cb-ai-case-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
.cb-layout-node-config { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:50px; align-items:start; }
.cb-layout-node-config .cb-ai-three { display:grid; grid-template-columns:1fr; gap:26px; }
.cb-layout-workflow-steps .cb-ai-steps { display:grid; grid-template-columns:1fr; gap:26px; }
.cb-layout-workflow-steps .cb-ai-steps li { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); gap:12px 40px; border-bottom:1px solid var(--cb-tool-line); padding-bottom:25px; }
.cb-layout-workflow-steps .cb-ai-steps li h3 { margin:0; }
.cb-layout-workflow-steps .cb-ai-steps li p { margin:0; }
.cb-layout-recipe { grid-column:2; grid-row:1 / span 2; }
.cb-layout-validation { min-width:0; }
.cb-layout-comparison th,.cb-layout-comparison td { width:33.333%; vertical-align:top; }
.cb-layout-grouped-clients { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.cb-layout-tool-group { min-width:0; }
.cb-layout-tool-group > strong { display:block; margin:0 0 25px; padding-bottom:16px; border-bottom:1px solid var(--cb-tool-line); }
.cb-layout-tool-group .cb-ai-client { display:flex; width:100%; padding:18px 0; border-bottom:1px solid var(--cb-tool-line); }
.cb-scenario-visual { --cb-tool-line:#d9e3ee; --cb-tool-ink:#243342; width:100%; text-align:left; }
.cb-scenario-visual .cb-tool-workspace { display:block; min-height:0; }
.cb-scenario-visual .cb-tool-sidebar,.cb-scenario-visual .cb-tool-review,.cb-scenario-visual .cb-tool-workspace > .cb-tool-editor { display:none; }
.cb-scenario-visual .cb-tool-titlebar > small { display:none; }
.cb-scenario-visual .cb-tool-user { margin:0; }
.cb-scenario-visual .cb-tool-setting { padding:24px 18px; }
.cb-scenario-visual .cb-tool-editor .cb-tool-chat { border-left:0; }
.cb-scenario-task-content { padding:25px; }
.cb-scenario-visual .cb-tool-titlebar strong { overflow-wrap:anywhere; }
.cb-category-layout .cb-ai-section:not(.bg-gray) { background:#fff; }
@media(max-width:1199px) {
  .cb-tool-sidebar { display:none; }
  .cb-tool-workspace,.cb-tool-mode-chat .cb-tool-workspace:not(:has(.cb-tool-review)) { grid-template-columns:1fr; }
  .cb-tool-mode-chat .cb-tool-workspace,.cb-tool-mode-editor .cb-tool-workspace,.cb-tool-mode-flow .cb-tool-workspace { grid-template-columns:minmax(0,1fr) minmax(280px,1fr); }
  .cb-tool-dialogue { padding:18px; }
  .cb-tool-canvas > .cb-tool-flow { margin:auto 15px; gap:14px; }
  .cb-tool-flow li > span { width:46px; height:46px; }
  .cb-tool-flow li:not(:last-child):after { left:calc(50% + 24px); top:22px; width:calc(100% - 34px); }
}
@media(max-width:767px) {
  .cb-category-layout .cb-layout-hero { padding-top:65px; padding-bottom:45px; }
  .cb-category-layout .cb-layout-hero-heading { margin-bottom:26px; }
  .cb-category-layout .cb-layout-hero .cb-ai-actions { flex-wrap:wrap; }
  .cb-layout-tool-rail { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .cb-layout-tool-rail a { padding:10px; }
  .cb-tool-titlebar { flex-wrap:wrap; gap:10px; padding:10px 13px; }
  .cb-tool-titlebar > small { display:none; }
  .cb-tool-mode-chat .cb-tool-workspace,.cb-tool-mode-editor .cb-tool-workspace,.cb-tool-mode-flow .cb-tool-workspace { display:flex; flex-direction:column; min-height:0; }
  .cb-tool-editor .cb-tool-workspace > .cb-tool-editor { display:none; }
  .cb-tool-review { display:none; }
  .cb-tool-mode-chat:has(.cb-tool-review) .cb-tool-dialogue > .cb-tool-code { display:block; }
  .cb-tool-user { margin:0; }
  .cb-tool-dialogue { padding:18px 14px; gap:18px; }
  .cb-tool-input { margin:0 14px 18px; }
  .cb-tool-code pre { padding:15px 12px; }
  .cb-tool-workspace > .cb-tool-terminal { padding:20px 15px; }
  .cb-tool-canvas > .cb-tool-flow { padding:32px 0; }
  .cb-tool-flow { gap:14px; }
  .cb-tool-flow li > span { width:42px; height:42px; }
  .cb-tool-flow li:not(:last-child):after { left:calc(50% + 22px); top:21px; width:calc(100% - 30px); }
  .cb-tool-setting { padding:22px 15px; }
  .cb-category-layout .cb-layout-points .cb-ai-points { grid-template-columns:1fr; gap:16px; }
  .cb-layout-editor-setup .cb-ai-steps,.cb-layout-runbook-grid,.cb-layout-node-config,.cb-category-layout .cb-layout-doc-workspace { grid-template-columns:1fr; gap:25px; }
  .cb-layout-outline { padding:0 0 22px; border-right:0; border-bottom:1px solid var(--cb-tool-line); }
  .cb-layout-outline ol { display:flex; flex-wrap:wrap; gap:12px 25px; }
  .cb-layout-workflow-steps .cb-ai-steps li { display:block; }
  .cb-layout-workflow-steps .cb-ai-steps li p { margin-top:14px; }
  .cb-layout-case-directory .cb-ai-case-list { grid-template-columns:1fr; }
  .cb-layout-grouped-clients { grid-template-columns:1fr; }
  .cb-tool-node-preview { display:none; }
  .cb-layout-comparison { min-width:640px; }
}
/* Original theme button palette and .btn.circle shape. */
.cb-header[data-brand] .cb-auth .cb-trial,.cb-trial,.cb-code-copy,.cbqi-terminal__copyBtn,.cb-mini-calc button,
#cb-home-hero .cb-hero-actions a:first-child{
 background:linear-gradient(90deg,rgba(65,84,241,1) 0%,rgba(14,32,173,1) 75%)!important;
 border-color:transparent!important;border-radius:40px!important;color:#fff!important;
 text-decoration:none!important;transition:filter .2s ease;
}
.cb-trial:hover,.cb-code-copy:hover,.cbqi-terminal__copyBtn:hover,.cb-mini-calc button:hover,
#cb-home-hero .cb-hero-actions a:first-child:hover{filter:brightness(1.08)}
.cb-trial,.cb-code-copy,.cbqi-terminal__copyBtn{font-weight:600}
.cb-code-copy,.cbqi-terminal__copyBtn{padding-left:16px;padding-right:16px}
#cb-home-hero .cb-hero-actions a:nth-child(2){border-radius:40px!important;border-color:#4154f1!important;color:#4154f1!important;background:transparent!important}
#cb-home-hero .cb-hero-actions a:nth-child(2):hover{background:#eef1ff!important}
.btn-gradient{border-radius:40px!important}
/* Native commands on the category layouts; body.orange still owns accents. */
body.orange .cb-category-layout .btn-gradient,body.orange .cb-category-layout .btn-gradient::after,
body.orange .ai-landing-hero .btn-gradient,body.orange .ai-landing-hero .btn-gradient::after{
 background:linear-gradient(90deg,rgba(65,84,241,1) 0%,rgba(14,32,173,1) 75%)!important;
 color:#fff!important;border-color:transparent!important;border-radius:40px!important;
}
body.orange .cb-category-layout .cb-ai-outline{border-color:#4154f1!important;color:#2036bd!important}
body.orange .cb-category-layout .cb-ai-outline:hover{background:#eef1ff!important}
.cb-trial:focus-visible,.cb-code-copy:focus-visible,.cbqi-terminal__copyBtn:focus-visible,.cb-mini-calc button:focus-visible{outline:3px solid #4154f1;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.cb-trial,.cb-code-copy,.cbqi-terminal__copyBtn,.cb-mini-calc button,#cb-home-hero .cb-hero-actions a:first-child{transition:none}}