/* Product storytelling: one autonomous workbench, then distinct capabilities. */
img[src$="pathcopilot-app-icon-light.png"] { aspect-ratio:1; object-fit:contain; flex-shrink:0; clip-path:inset(0 round 20%); }
.download-copy>img,.download-dialog>img { width:52px; height:52px; max-width:100%; }
.brand img { width:32px; height:32px; border-radius:0; }
.closing-note .ai-companion { display:block; width:44px; height:33px; margin-inline:auto; stroke:none; }
html[data-lang="en"] .hero h1 { font-size:clamp(48px,5vw,70px); }
.workbench-stage { padding:18px 18px 0; }
.workbench-window { border:1px solid #d8d3c7; border-radius:10px; overflow:hidden; background:#fffefb; }
.workbench-layout { display:grid; grid-template-columns:minmax(0,1fr) 230px 258px; }
.workbench-viewer { display:flex; flex-direction:column; min-width:0; background:#fffefa; padding:0 10px 0; }
.workbench-toolbar { min-height:58px; display:flex; align-items:center; justify-content:space-between; gap:9px; padding:8px 3px; }
.viewer-kicker { display:block; font-size:9px; color:#9b8d7b; margin-bottom:3px; }
.workbench-toolbar strong { display:flex; align-items:center; gap:5px; font-weight:500; font-size:11px; overflow-wrap:anywhere; }
.workbench-toolbar strong img { width:13px; height:13px; }
.workbench-scale-buttons { display:flex; flex-shrink:0; gap:3px; }
.workbench-scale-buttons button { padding:7px; font-size:9px; border-radius:4px; color:#8e8372; }
.workbench-scale-buttons button:hover,.workbench-scale-buttons button[aria-pressed="true"] { background:#f1e9dc; color:#996348; }
.agent-viewport { flex:0 0 auto; width:100%; border:1px solid #e3ddd2; border-radius:6px; }
.agent-region { position:absolute; border:1.5px solid #168ab6; pointer-events:none; }
.agent-region>span { position:absolute; top:2px; left:2px; padding:2px 5px; background:#1488b2; color:white; font:500 8px/1.3 var(--sans); border-radius:2px; }
.region-s3 { border-color:#bd6da5; }
.region-s3>span { background:#bd6da5; }
.region-s1 { border-color:#c38b4b; }
.region-s1>span { background:#b97c38; }
.agent-viewport[data-phase="aim"] .scope-target { opacity:1; }
.agent-viewport[data-phase="aim"] .scope-pointer,.agent-viewport[data-phase="zoom"] .scope-pointer { opacity:1; }
.agent-viewport[data-phase="zoom"] .scope-wheel { opacity:1; }
.agent-viewport[data-phase="zoom"] .scope-wheel i { animation:scope-wheel-up .35s ease-in-out 3; }
.agent-viewport[data-direction="out"] .scope-wheel { transform:rotate(180deg); }
.agent-action { position:absolute; left:11px; top:11px; display:flex; align-items:center; gap:6px; background:#fffdf4ed; border:1px solid #ded5c4; padding:5px 8px; border-radius:4px; font-size:8px; color:#7e6c56; max-width:calc(100% - 22px); }
.action-dot { width:4px; height:4px; border-radius:50%; background:#b88658; flex-shrink:0; }
.workbench-window[data-run-state="moving"] .action-dot,.workbench-window[data-run-state="observing"] .action-dot { animation:agent-pulse 1s ease-in-out infinite; }
.agent-minimap { position:absolute; right:8px; bottom:8px; width:74px; aspect-ratio:4/3; border:1px solid #776957; background:white; overflow:hidden; box-shadow:0 2px 7px #0002; }
.agent-minimap>img { width:100%; height:100%; object-fit:fill; }
#agentMapRect { position:absolute; border:1px solid #ab6652; min-width:2px; min-height:2px; }
.viewer-source { display:flex; justify-content:space-between; gap:8px; font-size:8px; color:#948875; margin-top:auto; min-height:29px; align-items:center; }
.workbench-agent { border-left:1px solid #e3ddd1; border-right:1px solid #e3ddd1; display:flex; flex-direction:column; background:#f8f6ef; min-width:0; }
.agent-panel-header { min-height:45px; padding:12px 13px; border-bottom:1px solid #e5ded1; display:flex; align-items:center; gap:7px; font-size:11px; }
.agent-panel-header>svg { width:14px; height:14px; color:#b76d4c; }
.agent-panel-header strong { font-weight:500; }
.agent-run-indicator { width:5px; height:5px; border-radius:50%; background:#b5af9e; margin-left:auto; }
.workbench-window[data-run-state="observing"] .agent-run-indicator,.workbench-window[data-run-state="moving"] .agent-run-indicator { background:#cf8b57; animation:agent-pulse .8s ease-in-out infinite; }
.workbench-window[data-run-state="complete"] .agent-run-indicator { background:#6d9278; }
.agent-timeline { padding:10px 10px 5px 17px; display:flex; flex-direction:column; gap:7px; flex:1; }
.agent-entry { position:relative; text-align:left; padding:11px 9px 10px 13px; border:1px solid transparent; border-radius:6px; width:100%; background:transparent; transition:background .2s,border-color .2s; }
.agent-entry:before { content:""; position:absolute; top:20px; bottom:-16px; left:-7px; width:1px; background:#d6d1c5; }
.agent-entry:last-child:before { display:none; }
.entry-dot { position:absolute; width:5px; height:5px; left:-9px; top:17px; border:1px solid #aaa58f; border-radius:50%; background:#f8f6ef; }
.agent-entry.active { border-color:#d9bd72; background:#fff8df; }
.agent-entry.active .entry-dot { background:#d89853; border-color:#d89853; }
.agent-entry.completed .entry-dot { background:#6f9378; border-color:#6f9378; }
.agent-entry:hover { background:#f0eadc; }
.entry-top { display:flex; align-items:center; justify-content:space-between; gap:6px; }
.entry-top strong { font-size:11.5px; font-weight:500; line-height:1.7; }
.entry-status { font-size:7px; color:#a09177; white-space:nowrap; }
.agent-entry.completed .entry-status { color:#70907a; }
.entry-body { display:block; font-size:10.5px; color:#817665; line-height:1.9; margin-top:6px; }
.entry-meta { display:block; font-size:7px; letter-spacing:.02em; color:#a49883; margin-top:8px; }
.agent-progress-footer { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:7px; padding:12px 15px; border-top:1px solid #e2dbce; font-size:8px; color:#93836d; }
.agent-progress-footer progress { appearance:none; border:0; height:3px; width:100%; background:#e6e0d4; border-radius:3px; overflow:hidden; }
.agent-progress-footer progress::-webkit-progress-bar { background:#e6e0d4; }
.agent-progress-footer progress::-webkit-progress-value { background:#bd8662; transition:width .25s; }
.agent-progress-footer progress::-moz-progress-bar { background:#bd8662; }
.workbench-conversation { min-width:0; display:flex; flex-direction:column; background:#fffdf9; }
.workbench-conversation .conversation-header { min-height:45px; height:45px; padding-inline:15px; font-size:11px; }
.workbench-chat-body { padding:19px 16px 15px; flex:1; }
.workbench-user-prompt { margin:0 0 23px 13px; padding:10px 12px; background:#f1e8de; border-radius:10px 10px 3px 10px; font-size:10px; line-height:1.9; }
.workbench-assistant-label { display:flex; align-items:center; gap:6px; font-size:9px; color:#8d7761; margin-bottom:13px; }
.workbench-chat-body h3 { font-size:13px; line-height:1.8; font-weight:500; margin-bottom:9px; }
.workbench-chat-body>p { color:#817765; font-size:11px; line-height:2; min-height:80px; }
.agent-evidence-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin-top:22px; }
.agent-evidence-gallery button { padding:3px; border:1px solid #ded5c5; border-radius:5px; position:relative; background:#fff; }
.agent-evidence-gallery button[aria-pressed="true"] { border-color:#b87b5a; background:#f2e4d6; }
.agent-evidence-gallery img { width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:2px; }
.agent-evidence-gallery span { display:block; font-size:7px; margin-top:3px; color:#9d8068; }
.evidence-caption { font-size:7px; color:#a19482; margin-top:8px; }
.workbench-report { margin-top:22px; display:flex; gap:8px; align-items:center; background:#edf4e9; border:1px solid #c5d7bd; width:100%; border-radius:6px; text-align:left; padding:12px 10px; }
.workbench-report svg { width:17px; height:17px; color:#6a8c6b; }
.workbench-report strong,.workbench-report small { display:block; font-size:9px; font-weight:500; color:#557159; }
.workbench-report small { font-size:8px; margin-top:5px; }
.workbench-composer { margin:0 13px 12px; display:flex; align-items:center; justify-content:space-between; gap:7px; padding:14px 10px; border:1px solid #e4dcd0; border-radius:9px; font-size:8px; color:#ac9e8d; }
.workbench-composer svg { width:18px; height:18px; padding:3px; border-radius:50%; color:white; background:#d59b80; transform:rotate(-90deg); }
.workbench-footer { display:flex; justify-content:space-between; align-items:center; gap:18px; min-height:52px; color:#978b79; font-size:8px; }
#workbenchPlay { display:flex; align-items:center; gap:8px; padding:7px 12px; border:1px solid #d5cbbb; border-radius:5px; color:#806b55; font-size:10px; white-space:nowrap; }
#workbenchPlay:hover { background:#e6dece; }
#workbenchPlayIcon { font-size:15px; width:12px; text-align:center; }
.workbench-case-panel,.workbench-history-panel { padding:16px 13px; flex:1; }
.mode-panel-intro { font-size:10px; color:#948773; line-height:1.9; margin-bottom:20px; }
.workbench-case-panel>button { display:flex; align-items:center; width:100%; gap:9px; padding:13px 9px; text-align:left; border:1px solid #e6dfd1; border-radius:7px; margin-bottom:10px; background:#fffdf8; }
.workbench-case-panel>button[aria-pressed="true"] { border-color:#b98768; background:#f6eee3; }
.workbench-case-panel>button>img { width:37px; height:40px; object-fit:contain; }
.workbench-case-panel>button>svg { width:28px; height:28px; padding:4px; color:#b7a48c; }
.workbench-case-panel b,.workbench-case-panel small { display:block; font-size:10px; font-weight:500; }
.workbench-case-panel small { font-size:8px; color:#9d8f7a; margin-top:4px; }
.case-boundary { display:flex; align-items:center; gap:6px; font-size:9px; color:#8d8b72; margin-top:28px; }
.case-boundary svg { width:13px; height:13px; }
.workbench-history-panel>button { border:1px solid #e0d6c5; border-radius:7px; background:#fffdf8; width:100%; margin-bottom:12px; padding:16px 10px; display:grid; grid-template-columns:24px 1fr; text-align:left; column-gap:7px; }
.workbench-history-panel>button[aria-pressed="true"] { background:#f3e9d9; border-color:#bc9578; }
.workbench-history-panel>button>span { grid-row:1/3; color:#b48d6f; font-size:12px; }
.workbench-history-panel b { font-size:11px; font-weight:500; }
.workbench-history-panel small { font-size:9px; margin-top:8px; color:#9b8972; }
.history-footnote { font-size:9px; color:#9b8a73; line-height:1.8; margin-top:22px; }
.capabilities-section { padding-top:55px; padding-bottom:28px; }
.capability-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:65px; margin-bottom:40px; }
.capability-heading>p:not(.eyebrow) { max-width:340px; font-size:14px; margin:0 0 8px; }
.capabilities-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.capability-story { padding:34px; border:1px solid #e2ddd2; border-radius:13px; display:flex; flex-direction:column; min-width:0; }
.literature-story { background:#f0f0e7; }
.composition-story { background:#f3ede5; }
.capability-number { color:#a08165; font-size:10px; letter-spacing:.02em; display:flex; gap:8px; }
.capability-story h3 { font-size:22px; font-weight:500; letter-spacing:-.03em; line-height:1.6; margin:17px 0 13px; }
.capability-description { color:#83796a; font-size:13px; line-height:1.95; margin-bottom:26px; }
.literature-preview,.composition-preview { border:1px solid #ded8ca; background:#fffdfa; border-radius:9px; padding:20px; flex:1; }
.literature-question { display:flex; gap:10px; align-items:flex-start; font-size:11px; line-height:1.9; padding:11px 12px; background:#eee8dd; border-radius:7px; }
.literature-question svg { width:14px; height:14px; color:#ae7757; margin-top:4px; }
.literature-keywords { display:flex; flex-wrap:wrap; gap:5px; margin:13px 0 3px; }
.literature-keywords span { padding:4px 7px; border:1px solid #e1ddcf; border-radius:3px; font-size:8px; color:#8d806b; }
.paper-result { display:block; padding:17px 0; border-bottom:1px solid #e6e0d4; }
.paper-result:hover h4 { color:#a46643; }
.paper-result>div { display:flex; align-items:center; gap:9px; font-size:9px; color:#9f9584; }
.paper-journal { color:#7b8067; font-weight:500; }
.paper-result svg { margin-left:auto; width:13px; height:13px; transform:rotate(-40deg); color:#a98a6d; }
.paper-result h4 { font-family:Georgia,serif; font-size:15px; font-weight:400; line-height:1.5; margin:9px 0 6px; }
.paper-result>small { font-size:8px; color:#a49785; }
.literature-source-note { display:flex; align-items:flex-start; gap:6px; font-size:8px; color:#96907e; padding-top:15px; }
.literature-source-note svg { width:11px; height:11px; }
.composition-header { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:11px; color:#807361; margin-bottom:19px; }
.research-badge { font-size:8px; background:#f2e5d8; color:#ac8064; border-radius:3px; padding:3px 5px; }
.nuclei-toolbar { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:11px; font-size:9px; color:#99856e; }
.nuclei-switch { display:flex; align-items:center; gap:5px; cursor:pointer; color:#668d79; }
.nuclei-switch input { accent-color:#659a82; width:13px; height:13px; margin:0; }
.nuclei-canvas { position:relative; overflow:hidden; border:1px solid #d8cdbf; border-radius:5px; aspect-ratio:4/3; background:#efdee3; }
.nuclei-canvas>img { width:100%; height:100%; object-fit:contain; }
.nuclei-canvas .nuclei-contours { position:absolute; inset:0; pointer-events:none; }
.nuclei-example:has(#nucleiContourToggle:not(:checked)) .nuclei-contours { visibility:hidden; }
.nuclei-metrics { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding-top:18px; }
.nuclei-metrics>div { padding:0 8px; }
.nuclei-metrics>div+div { border-left:1px solid #e1d7c8; }
.nuclei-metrics strong { display:block; font-size:23px; line-height:1.5; font-weight:500; color:#726351; }
.nuclei-metrics span { display:block; font-size:9px; color:#9f907b; margin-top:4px; }
.nuclei-example .composition-outputs { padding-block:14px; margin-top:18px; }
@media(max-width:620px) { .nuclei-toolbar { flex-wrap:wrap; font-size:9px; }.nuclei-metrics strong { font-size:22px; }.nuclei-switch { min-height:28px; }.nuclei-metrics span { font-size:9px; } }
.composition-outputs { display:flex; justify-content:space-between; align-items:center; gap:6px; font-size:10px; color:#8e7863; padding:20px 0; margin-top:20px; border-top:1px solid #e5dccf; border-bottom:1px solid #e5dccf; }
.composition-outputs svg { width:13px; height:13px; color:#b0a18f; }
.research-disclosure { font-size:9px; line-height:1.95; color:#a09684; margin-top:19px; }
.capability-connection { display:flex; align-items:center; justify-content:center; gap:18px; padding-top:26px; font-size:10px; color:#9b8c78; }
.capability-connection i { width:24px; height:1px; background:#d3c9b7; }
@keyframes agent-pulse { 50% { opacity:.35; } }
.plans-section { padding-bottom:0; }
.plans-section .plans-lead { max-width:790px; }
.plan-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:38px; }
.plan-card { position:relative; display:flex; flex-direction:column; min-width:0; padding:32px 28px 27px; min-height:459px; border:1px solid #ded9ce; border-radius:15px; background:#fbfaf6; }
.plan-featured { border-color:#c77d5e; background:#fffefb; box-shadow:0 14px 35px #67563a0a; }
.plan-name { color:#b37153; font-size:10px; letter-spacing:.09em; font-weight:500; margin-bottom:25px; }
.plan-card h3 { font:500 25px/1.5 var(--chinese,var(--sans)); letter-spacing:-.035em; min-height:76px; margin:0; }
.plan-price { display:flex; align-items:baseline; flex-wrap:wrap; gap:8px 10px; min-height:93px; padding-top:21px; padding-bottom:23px; border-bottom:1px solid #e8e3da; }
.plan-price strong { font-size:32px; font-weight:500; letter-spacing:-.04em; line-height:1.45; }
.plan-price>span { color:#938978; font-size:10px; }
.plan-price-flex strong { font-size:23px; letter-spacing:-.025em; }
.plan-badge { position:absolute; right:20px; top:19px; padding:4px 9px; border-radius:20px; background:#f1ddd2; color:#a46b50; font-size:8px; }
.plan-card ul { list-style:none; display:grid; align-content:start; gap:12px; margin:24px 0 40px; padding:0; flex:1; }
.plan-card li { display:flex; align-items:flex-start; gap:9px; color:#786f60; font-size:12px; line-height:1.8; }
.plan-card li svg { width:13px; height:13px; color:#8a9b71; margin-top:4px; }
.plan-card>.button { width:100%; min-height:43px; font-size:12px; }
.plan-outline { border:1px solid #dcd6ca; background:transparent; }
.plan-outline:hover { background:#eee9de; }
html[data-lang="en"] .plan-card h3 { font-family:Georgia,serif; font-size:25px; line-height:1.3; }
html[data-lang="en"] .plan-price-flex strong { font-size:22px; }
@media(max-width:1000px) { .plan-card { padding:28px 22px 24px; }.plan-card h3 { font-size:22px;min-height:80px; }.plan-price-flex strong { font-size:21px; }.plan-price { min-height:102px; } }
@media(max-width:800px) { .plan-grid { gap:13px; }.plan-card { padding:27px 18px 23px; }.plan-card h3 { font-size:20px; }.plan-card li { font-size:11px;gap:6px; }.plan-badge { right:14px;top:14px; }.plan-name { font-size:9px; }.plan-price strong { font-size:28px; }.plan-price-flex strong { font-size:19px; }.plan-price>span { font-size:9px; } }
@media(max-width:620px) { .plan-grid { grid-template-columns:1fr;gap:18px;max-width:440px;margin-inline:auto;margin-top:28px; }.plan-card { min-height:0;padding:28px 24px 25px; }.plan-card h3 { font-size:24px;min-height:0;max-width:320px; }.plan-name { font-size:10px;margin-bottom:20px; }.plan-price { min-height:80px;padding-top:23px; }.plan-price strong { font-size:31px; }.plan-price-flex strong { font-size:24px; }.plan-price>span { font-size:11px; }.plan-card ul { margin:22px 0 30px;gap:11px; }.plan-card li { font-size:12px;gap:9px; }.plan-card>.button { font-size:13px;min-height:45px; }.plan-badge { top:20px;right:22px;font-size:9px; } }
@media(max-width:1150px) {
  .workbench-layout { grid-template-columns:minmax(0,1fr) 210px 225px; }
  .workbench-stage { padding:13px 13px 0; }
  .workbench-toolbar { flex-wrap:wrap; }
  .workbench-chat-body { padding:17px 12px; }
  .workbench-user-prompt { margin-left:0; font-size:9px; }
  .workbench-chat-body h3 { font-size:11px; }
  .workbench-chat-body>p { font-size:9px; }
  .agent-entry { padding:9px 8px; }
  .entry-top strong { font-size:10px; }
  .entry-status { font-size:6px; }
  .entry-body { font-size:9px; }
  .capability-story { padding:26px; }
  .capability-story h3 { font-size:20px; }
  .literature-preview,.composition-preview { padding:16px; }
}
@media(max-width:1000px) {
  .workbench-layout { grid-template-columns:minmax(0,1fr) 225px; }
  .workbench-agent { border-right:0; }
  .workbench-conversation { grid-column:1/-1; border-top:1px solid #e3ddd1; }
  .workbench-conversation .conversation-header { height:39px; min-height:39px; }
  .workbench-chat-body { display:grid; grid-template-columns:1fr 1.3fr; gap:9px 24px; padding:16px; }
  .workbench-user-prompt { grid-column:1; grid-row:1/4; margin:0; align-self:start; font-size:10px; }
  .workbench-assistant-label,.workbench-chat-body h3,.workbench-chat-body>p { grid-column:2; margin:0; }
  .workbench-chat-body>p { min-height:0; }
  .agent-evidence-gallery { grid-column:1; grid-row:4/7; max-width:240px; margin:0; }
  .evidence-caption,.workbench-report { grid-column:2; margin-top:0; }
  .workbench-report { max-width:270px; }
  .workbench-composer { display:none; }
  .entry-body { font-size:9px; }
  .entry-top strong { font-size:10px; }
  .workbench-toolbar { flex-wrap:nowrap; }
}
@media(max-width:800px) {
  .capabilities-grid { gap:16px; }
  .capability-heading { gap:30px; }
  .capability-heading>p:not(.eyebrow) { font-size:12px; max-width:250px; }
  .capability-story { padding:20px; }
  .capability-story h3 { font-size:18px; }
  .capability-description { font-size:11px; }
  .literature-preview,.composition-preview { padding:13px; }
  .paper-result h4 { font-size:13px; }
  .literature-question { font-size:10px; }
  .composition-outputs { font-size:8px; gap:4px; }
  .composition-outputs svg { width:10px; }
}
@media(max-width:620px) {
  .brand img { width:26px; height:26px; }
  .download-copy>img,.download-dialog>img { width:46px; height:46px; }
  .workbench-layout { grid-template-columns:minmax(0,1fr); }
  .workbench-stage { padding:8px 8px 0; }
  .workbench-viewer { padding:0 6px; }
  .workbench-toolbar { min-height:54px; }
  .workbench-toolbar strong { font-size:10px; }
  .viewer-kicker { font-size:8px; }
  .workbench-scale-buttons button { font-size:9px; padding:7px 6px; min-height:32px; }
  .agent-action { font-size:7px; left:7px; top:7px; }
  .agent-minimap { width:52px; bottom:6px; right:6px; }
  .viewer-source { font-size:7px; min-height:27px; }
  .workbench-agent { border:0; border-top:1px solid #e3ddd1; }
  .agent-panel-header { min-height:42px; font-size:11px; }
  .agent-timeline { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; padding:12px; }
  .agent-entry { padding:11px 8px; }
  .agent-entry:before,.entry-dot { display:none; }
  .entry-top { align-items:flex-start; flex-direction:column; gap:3px; }
  .entry-top strong { font-size:10px; }
  .entry-status { font-size:7px; }
  .entry-body { font-size:9px; }
  .entry-meta { font-size:6px; }
  .agent-progress-footer { font-size:8px; padding:10px 13px; }
  .workbench-chat-body { display:block; padding:15px 13px; }
  .workbench-user-prompt { font-size:11px; margin-bottom:18px; }
  .workbench-assistant-label { margin-bottom:12px; font-size:10px; }
  .workbench-chat-body h3 { font-size:13px; margin-bottom:10px; }
  .workbench-chat-body>p { font-size:11px; }
  .agent-evidence-gallery { max-width:240px; margin-top:17px; }
  .agent-evidence-gallery span { font-size:9px; }
  .evidence-caption { font-size:9px; margin-top:9px; }
  .workbench-report { margin-top:16px; }
  .workbench-footer { flex-direction:column; align-items:center; padding:14px 3px; gap:10px; font-size:7px; text-align:center; }
  #workbenchPlay { font-size:10px; min-height:36px; }
  .workbench-case-panel,.workbench-history-panel { padding:15px; }
  .workbench-case-panel>button { padding:13px; }
  .mode-panel-intro { font-size:11px; }
  .capabilities-section { padding-top:35px; }
  .capability-heading { display:block; margin-bottom:28px; }
  .capability-heading>p:not(.eyebrow) { margin-top:18px; max-width:none; font-size:13px; }
  .capabilities-grid { grid-template-columns:1fr; gap:19px; }
  .capability-story { padding:24px 20px; }
  .capability-story h3 { font-size:20px; margin-top:15px; }
  .capability-description { font-size:12px; }
  .literature-preview,.composition-preview { padding:17px 13px; }
  .paper-result h4 { font-size:15px; }
  .paper-result>small { font-size:8px; overflow-wrap:anywhere; }
  .literature-question { font-size:11px; }
  .composition-outputs { font-size:10px; }
  .research-disclosure { font-size:9px; }
  .capability-connection { gap:8px; font-size:8px; }
  .capability-connection i { width:12px; }
}
@media(prefers-reduced-motion:reduce) {
  .agent-viewport .scope-pointer,.agent-viewport .scope-target { display:none; }
  .action-dot,.agent-run-indicator { animation:none!important; }
}

/* Source-backed single-agent replay: readable observations and a late result. */
.scope-world { z-index:0; }
.agent-region { z-index:1; }
.scope-target,.scope-pointer { z-index:2; }
.agent-action,.agent-minimap { z-index:3; }
.workbench-window[data-mode="agent"] .workbench-layout { grid-template-columns:minmax(0,1fr) 245px 275px; }
.workbench-window[data-mode="agent"] .workbench-viewer { justify-content:center; }
.workbench-window[data-mode="agent"] .workbench-toolbar { margin-bottom:auto; }
.workbench-window[data-mode="agent"] .viewer-source { margin-top:auto; }
.workbench-window[data-mode="agent"] .agent-timeline { padding:8px 9px 8px 17px; gap:2px; }
.workbench-window[data-mode="agent"] .agent-entry { padding:9px 8px 8px 11px; }
.workbench-window[data-mode="agent"] .entry-top strong { font-size:11px; font-weight:500; }
.workbench-window[data-mode="agent"] .entry-status { font-size:8px; }
.workbench-window[data-mode="agent"] .entry-body { font-size:10px; line-height:1.8; margin-top:3px; min-height:3.6em; }
.workbench-window[data-mode="agent"] .entry-meta { margin-top:4px; }
.workbench-window[data-mode="agent"] .agent-entry:not(.completed):not(.active) { opacity:.55; }
.workbench-window[data-mode="agent"] .workbench-chat-body { display:flex; flex-direction:column; padding:19px 16px 16px; }
.workbench-window[data-mode="agent"] .workbench-user-prompt { font-size:12px; margin:0 0 20px 13px; padding:12px 14px; }
.workbench-window[data-mode="agent"] .workbench-assistant-label { margin-bottom:10px; }
.workbench-window[data-mode="agent"] .workbench-chat-body h3 { font-size:13px; line-height:1.7; margin-bottom:8px; }
.workbench-window[data-mode="agent"] .workbench-chat-body>p { font-size:11px; line-height:1.8; min-height:60px; }
.replay-route { display:flex; align-items:center; gap:5px; margin:15px 0 2px; }
.replay-route span { padding:4px 2px; font-size:9px; color:#a29c8e; border-bottom:2px solid transparent; }
.replay-route i { height:1px; background:#ddd7c9; flex:1; }
.replay-route .visited { color:#60836b; }
.replay-route .current { color:#ab6544; border-color:#cb9673; }
.workbench-window[data-mode="agent"] .agent-evidence-gallery { margin-top:14px; gap:6px; }
.workbench-window[data-mode="agent"] .agent-evidence-gallery img { aspect-ratio:1.25; object-fit:cover; }
.workbench-window[data-mode="agent"] .agent-evidence-gallery .pending img { opacity:.15; filter:grayscale(.7); }
.workbench-window[data-mode="agent"] .evidence-caption { font-size:8px; }
.subtype-result { order:8; margin-top:19px; padding:15px 14px; border:1px solid #c9d4bd; border-radius:8px; background:#f0f4e9; box-shadow:0 4px 12px #6b79580a; }
.subtype-eyebrow { font-size:9px; color:#6f8162; line-height:1.7; }
.subtype-result h4 { font-size:20px; font-weight:500; line-height:1.5; letter-spacing:-.02em; color:#354a35; margin:8px 0; }
.subtype-summary { display:none; }
.subtype-limit { font-size:9px; line-height:1.8; color:#6e7865; }
.subtype-result button { display:block; margin-top:13px; border-top:1px solid #d4dec9; padding-top:10px; width:100%; text-align:left; font-size:10px; color:#566d47; }
.subtype-result button:hover { color:#2d4e31; }
.stream-block { display:block; margin-bottom:12px; }
.stream-block:last-child { margin-bottom:0; }
.stream-references { display:flex; flex-wrap:wrap; gap:5px; margin-top:6px; }
.stream-references button { border:1px solid #d9d1c1; border-radius:4px; background:#f5f0e5; color:#876846; font-size:9px; line-height:1.4; padding:3px 5px; }
.stream-references button:hover { border-color:#b58d66; background:#eee3d1; }
.is-typing .stream-block.is-current>span:first-child:after { content:'▍'; color:#b77d51; }
.response-controls { display:flex; flex-wrap:wrap; gap:6px 9px; align-items:center; margin:8px 0 3px; font-size:8px; color:#928573; }
.response-controls>span { flex:1 1 100%; }
.response-controls button { padding:3px 0; border-bottom:1px solid #cab99d; color:#85674a; font-size:9px; }
.case-verification { margin:0 13px 12px; padding:9px 10px; border:1px solid #dfdbcf; border-radius:6px; background:#f8f6ef; font-size:9px; color:#81725e; }
.case-verification summary { cursor:pointer; line-height:1.7; }
.case-verification p { font-size:9px; line-height:1.9; margin:9px 0; }
.case-verification>div { display:flex; gap:15px; }
.case-verification a { text-decoration:underline; text-underline-offset:3px; }
.workbench-window[data-response-ready="true"] #workbenchAnswer { height:255px; min-height:255px; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#cfc3ae transparent; padding-right:7px; }
.workbench-window[data-response-ready="true"] .agent-evidence-gallery { display:flex; gap:5px; }
.workbench-window[data-response-ready="true"] .agent-evidence-gallery button { min-width:0; flex:1; }
.workbench-window[data-response-ready="true"] .agent-evidence-gallery img { aspect-ratio:1.2; }
.workbench-window[data-response-ready="true"] .replay-route { margin-top:10px; }
.workbench-window[data-response-ready="true"] .subtype-result { padding:10px 12px; margin-top:13px; }
.workbench-window[data-response-ready="true"] .subtype-result h4 { font-size:17px; margin:5px 0; }
.workbench-window[data-response-ready="true"] .subtype-result button { margin-top:8px; padding-top:7px; }
@media(max-width:1000px) and (min-width:621px) {
  .workbench-window[data-response-ready="true"] .workbench-chat-body { display:flex; flex-direction:column; }
  .workbench-window[data-response-ready="true"] .agent-evidence-gallery { max-width:300px; }
  .workbench-window[data-response-ready="true"] #workbenchAnswer { height:200px; min-height:200px; }
}
@media(max-width:620px) {
  .workbench-window[data-response-ready="true"] #workbenchAnswer { height:290px; min-height:290px; }
  .response-controls,.case-verification { font-size:10px; }
  .case-verification p,.stream-references button { font-size:10px; }
}
@media(prefers-reduced-motion:reduce) { .is-typing .stream-block:after { display:none; } }
.workbench-window[data-mode="agent"] .workbench-composer { margin-top:auto; }
.workbench-window[data-mode="agent"][data-run-state="relocating"] .action-dot { animation:agent-pulse 1s ease-in-out infinite; }
@media(max-width:1150px) and (min-width:1001px) {
  .workbench-window[data-mode="agent"] .workbench-layout { grid-template-columns:minmax(0,1fr) 220px 245px; }
  .workbench-window[data-mode="agent"] .entry-body { font-size:9px; }
}
@media(max-width:1000px) and (min-width:621px) {
  .workbench-window[data-mode="agent"] .workbench-layout { grid-template-columns:minmax(0,1fr) 225px; }
  .workbench-window[data-mode="agent"] .workbench-chat-body { display:grid; grid-template-columns:1fr 1fr; gap:12px 24px; }
  .workbench-window[data-mode="agent"] .workbench-user-prompt { grid-column:1; grid-row:auto; margin:0; }
  .workbench-window[data-mode="agent"] .workbench-assistant-label { grid-column:2; grid-row:1; }
  .workbench-window[data-mode="agent"] .workbench-chat-body h3 { grid-column:2; grid-row:2; }
  .workbench-window[data-mode="agent"] .workbench-chat-body>p { grid-column:2; grid-row:3; min-height:0; }
  .workbench-window[data-mode="agent"] .agent-evidence-gallery { grid-column:1; grid-row:3/6; margin-top:0; }
  .replay-route { grid-column:1; grid-row:2; margin:0; }
  .subtype-result { grid-column:2; grid-row:4/7; margin-top:0; }
  .workbench-window[data-mode="agent"] .evidence-caption { grid-column:1; grid-row:6; }
}
@media(max-width:620px) {
  .workbench-window[data-mode="agent"] .workbench-layout { grid-template-columns:minmax(0,1fr); }
  .workbench-window[data-mode="agent"] .agent-timeline { padding:12px; gap:6px; }
  .workbench-window[data-mode="agent"] .entry-top strong { font-size:11px; }
  .workbench-window[data-mode="agent"] .entry-body { font-size:10px; }
  .workbench-window[data-mode="agent"] .workbench-chat-body { padding:16px; }
  .workbench-window[data-mode="agent"] .workbench-user-prompt { font-size:12px; }
  .workbench-window[data-mode="agent"] .workbench-chat-body>p { min-height:0; }
  .workbench-window[data-mode="agent"] .agent-evidence-gallery { max-width:none; }
  .subtype-limit { font-size:11px; }
}

/* Swarm mode adds an eight-task board above the right-hand panels. */
.swarm-roi { border-width:1.5px; }
.swarm-roi.roi-red { border-color:#c56d57; }
.swarm-roi.roi-red>span { background:#bd6d54; }
.swarm-roi.roi-blue { border-color:#3995b5; }
.swarm-roi.roi-blue>span { background:#338daf; }
.swarm-roi.roi-green { border-color:#74ac73; }
.swarm-roi.roi-green>span { background:#648f5c; }
.swarm-roi.is-selected { border-width:3px; box-shadow:0 0 0 2px #fff9; background:#ffffff0c; }
.swarm-map-legend { display:flex; align-items:center; gap:12px; padding:11px 2px 0; font-size:9px; }
.swarm-map-legend>span:before { content:""; display:inline-block; width:7px; height:7px; border:1px solid currentColor; margin-right:4px; }
.legend-red { color:#b66d55; }.legend-blue { color:#398ea9; }.legend-green { color:#6b9160; }
#swarmMapCaption { margin-left:auto; color:#918874; font-size:8px; }
#swarmMapCaption:before { display:none; }
.swarm-finding { border:1px solid #ded7c7; border-radius:7px; padding:13px; margin-top:13px; background:#fffdf8; }
.swarm-finding strong { display:block; font-size:10px; font-weight:500; color:#997856; }
.swarm-finding p { font-size:10px; line-height:1.9; color:#7c7464; margin-top:8px; }
.workbench-window[data-mode="swarm"] .workbench-layout { grid-template-columns:minmax(0,1fr) 215px 270px; grid-template-rows:auto 1fr; }
.workbench-window[data-mode="swarm"] .workbench-viewer { grid-column:1; grid-row:1/3; }
.workbench-window[data-mode="swarm"] .workbench-agent { grid-column:2; grid-row:2; }
.workbench-window[data-mode="swarm"] .workbench-conversation { grid-column:3; grid-row:2; }
.swarm-board { grid-column:2/4; grid-row:1; padding:13px 13px 10px; border-left:1px solid #e3ddd1; border-bottom:1px solid #e3ddd1; background:#f5f3ec; min-width:0; }
.swarm-board-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:11px; }
.swarm-board-heading>div { display:flex; align-items:center; gap:6px; min-width:0; }
.swarm-board-heading svg { color:#ac704f; width:16px; height:16px; }
.swarm-board-heading strong { font-size:12px; font-weight:500; }
.swarm-demo-badge { font-size:7px; padding:2px 5px; background:#e8dfcf; color:#9d7b5e; border-radius:3px; white-space:nowrap; }
#swarmSummary { color:#8d7f68; font-size:8px; white-space:nowrap; }
.swarm-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; }
.swarm-task { --task-color:#b09f83; padding:8px; border:1px solid #ded7c9; border-radius:6px; background:#fffdf7; text-align:left; min-width:0; transition:background .2s,border-color .2s; }
.swarm-task:hover { border-color:#b8926d; }
.swarm-task[aria-pressed="true"] { outline:2px solid #b9805c; outline-offset:1px; }
.swarm-task-heading { display:flex; align-items:center; gap:4px; font-size:9px; line-height:1.5; }
.swarm-task-heading b { font-weight:500; color:#8e745d; }
.swarm-task-heading i { width:4px; height:4px; flex-shrink:0; border-radius:50%; background:var(--task-color); margin-left:auto; }
.swarm-task-status { color:#9e907b; font-size:7px; white-space:nowrap; }
.swarm-task>strong { display:block; font-size:10px; font-weight:500; line-height:1.5; min-height:30px; margin:5px 0 7px; color:#766952; overflow-wrap:anywhere; }
.swarm-task-progress { display:flex; align-items:center; gap:6px; }
.swarm-task progress { appearance:none; width:100%; height:3px; min-width:0; border:0; border-radius:4px; overflow:hidden; background:#ece6db; }
.swarm-task progress::-webkit-progress-bar { background:#ece6db; }
.swarm-task progress::-webkit-progress-value { background:var(--task-color); transition:width .25s linear; }
.swarm-task progress::-moz-progress-bar { background:var(--task-color); }
.swarm-percent { font-size:8px; min-width:25px; text-align:right; color:#968771; }
.swarm-task[data-status="active"] { --task-color:#c5914a; background:#fff8e7; border-color:#ddc28b; }
.swarm-task[data-status="complete"] { --task-color:#7c9971; background:#f0f5eb; border-color:#cbdac0; }
.swarm-task[data-status="paused"] { --task-color:#aaa08d; background:#eeebe4; }
.swarm-task[data-status="complete"] .swarm-task-status { color:#748d69; }
.swarm-selection { font-size:8px; color:#9a8b74; min-height:14px; margin-top:10px; overflow-wrap:anywhere; }
.swarm-leader { display:flex; flex-direction:column; gap:9px; padding:14px 12px; flex:1; }
.swarm-leader-step { display:flex; align-items:flex-start; gap:9px; padding:12px 9px; border:1px solid transparent; border-radius:6px; }
.swarm-leader-step>span { font-size:9px; color:#b39777; padding-top:2px; }
.swarm-leader-step strong { font-size:10px; line-height:1.8; font-weight:500; display:block; }
.swarm-leader-step p { color:#998871; font-size:9px; line-height:1.85; margin-top:6px; }
.swarm-leader-step.active { background:#fff7df; border-color:#dac187; }
.swarm-leader-step.completed>span { color:#789269; }
.workbench-window[data-mode="swarm"] .workbench-chat-body { padding:13px 12px; }
.workbench-window[data-mode="swarm"] .workbench-user-prompt { font-size:9px; line-height:1.8; margin:0 0 14px; padding:8px 9px; }
.workbench-window[data-mode="swarm"] .workbench-assistant-label { margin-bottom:8px; }
.workbench-window[data-mode="swarm"] .workbench-chat-body h3 { font-size:12px; }
.workbench-window[data-mode="swarm"] .workbench-chat-body>p { font-size:10px; line-height:1.85; min-height:0; }
.workbench-window[data-mode="swarm"] .agent-evidence-gallery { margin-top:14px; }
.workbench-window[data-mode="swarm"] .workbench-report { margin-top:12px; padding:9px; }
.workbench-window[data-mode="swarm"] .workbench-composer { display:none; }
.workbench-window[data-mode="swarm"] .agent-panel-header { font-size:10px; }
.workbench-window[data-mode="swarm"] .agent-viewport { margin-block:auto; }
@media(max-width:1150px) {
  .workbench-window[data-mode="swarm"] .workbench-layout { grid-template-columns:minmax(0,1fr) 200px 240px; }
  .swarm-board { padding:11px; }
  .swarm-grid { gap:5px; }
  .swarm-task { padding:7px 6px; }
  .swarm-task>strong { font-size:9px; min-height:27px; }
  .swarm-task-status { font-size:6px; }
}
@media(max-width:1000px) {
  .workbench-window[data-mode="swarm"] .workbench-layout { grid-template-columns:minmax(0,1fr) 225px; grid-template-rows:auto auto auto; }
  .workbench-window[data-mode="swarm"] .swarm-board { grid-column:1/-1; grid-row:1; border-left:0; }
  .workbench-window[data-mode="swarm"] .workbench-viewer { grid-column:1; grid-row:2; }
  .workbench-window[data-mode="swarm"] .workbench-agent { grid-column:2; grid-row:2; }
  .workbench-window[data-mode="swarm"] .workbench-conversation { grid-column:1/-1; grid-row:3; }
  .swarm-task { padding:10px; }
  .swarm-task>strong { font-size:11px; }
  .swarm-task-status { font-size:8px; }
}
@media(max-width:620px) {
  /* Keep the tissue readable on phones. Full ROI IDs remain in Agent cards. */
  .agent-region>span { display:none!important; }
  .workbench-tabs { flex-wrap:wrap; }
  .workbench-tabs>button { flex:1 1 calc(50% - 6px); flex-direction:row; justify-content:center; font-size:11px; padding:11px 7px; min-height:43px; }
  .workbench-window[data-mode="swarm"] .workbench-layout { grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto auto auto; }
  .workbench-window[data-mode="swarm"] .workbench-viewer { grid-column:1; grid-row:1; }
  .workbench-window[data-mode="swarm"] .swarm-board { grid-column:1; grid-row:2; border-top:1px solid #e3ddd1; }
  .workbench-window[data-mode="swarm"] .workbench-agent { grid-column:1; grid-row:3; }
  .workbench-window[data-mode="swarm"] .workbench-conversation { grid-column:1; grid-row:4; }
  .swarm-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .swarm-task>strong { font-size:11px; min-height:28px; }
  .swarm-board-heading { flex-wrap:wrap; }
  .swarm-task-status { font-size:8px; }
  .swarm-task-heading b { font-size:10px; }
  .swarm-percent { font-size:9px; }
  .swarm-leader { padding:10px 12px; }
  .swarm-leader-step { padding:10px; }
  .swarm-leader-step strong { font-size:11px; }
  .swarm-leader-step p { font-size:10px; }
  .workbench-window[data-mode="swarm"] .workbench-user-prompt { font-size:11px; }
  .workbench-window[data-mode="swarm"] .workbench-chat-body>p { font-size:11px; }
  .workbench-window[data-mode="swarm"] .agent-panel-header { font-size:11px; }
}