.mode-nav{display:flex;gap:7px}.mode-nav a{padding:8px 12px;border-radius:7px;text-decoration:none;color:var(--muted);font-size:12px}.mode-nav a[aria-current]{background:#e3efe5;color:var(--green)}.file-list{display:flex;flex-direction:column;gap:8px;font:11px ui-monospace,monospace;padding:14px;background:#f2f6f2;border-radius:7px;margin-bottom:23px;overflow-wrap:anywhere}.agent-flow{font-size:14px;font-weight:600;display:flex;justify-content:space-between;gap:7px;margin-top:22px;flex-wrap:wrap}.agent-flow span{color:#90aa98}.flow .help{margin-bottom:0}.agent-branches{align-items:start}.agent-card{min-width:0;overflow:hidden}.agent-card .response-text{max-height:480px;min-height:100px}.agent-card .tool-timeline{padding:0 22px 0 39px;font-size:11px;color:var(--muted);line-height:1.7;max-height:280px;overflow:auto}.agent-card .tool-timeline li{padding:5px 0;overflow-wrap:anywhere}.request-list{border-top:1px solid var(--line);padding:14px 20px}.request-list summary{font-size:12px;cursor:pointer}.request-list button{display:block;text-align:left;width:100%;margin:8px 0;padding:9px;border:1px solid var(--line);background:#f8faf8;border-radius:5px;font:10px/1.6 ui-monospace,monospace;color:var(--ink)}.agent-card .status{font-size:10px;padding:4px 7px}.agent-totals{padding:12px 20px;border-top:1px solid var(--line);font:10px/1.8 ui-monospace,monospace;color:var(--muted)}.agent-card h4{font-size:11px;color:var(--muted);padding:16px 20px 0;margin:0}.agent-card .checks{padding-top:12px}#output-price{margin-top:0}label[for=output-price]{margin-top:14px}footer a{color:var(--green);text-decoration:none}@media(max-width:800px){header{flex-wrap:wrap;height:auto;min-height:90px;gap:10px;padding-top:14px;padding-bottom:14px}.mode-nav{order:3;width:100%}.mode-nav a{padding-left:0;padding-right:16px}.page-heading>.badge{display:none}.agent-branches{grid-template-columns:minmax(0,1fr)}.agent-flow{font-size:12px}}

.opencode-intro{padding:14px 15px;border:1px solid var(--line);border-radius:8px;margin:0 0 18px;background:#f4f8f4;font-size:12px;line-height:1.65}.opencode-intro strong{color:var(--green)}.opencode-intro p{margin:6px 0 8px;color:var(--muted)}.opencode-intro a{color:var(--green);font-size:11px}
.run-progress{display:flex;align-items:center;gap:13px;padding:17px 20px;margin:0 0 18px;border:1px solid #c5dfcf;border-radius:9px;background:#edf7ef;color:var(--green)}.run-progress strong{font-size:13px}.run-progress p{margin:5px 0 0;font-size:12px;line-height:1.6}.run-progress p span+span:before{content:' · '}.activity-spinner{display:inline-block;width:16px;height:16px;border:2px solid #c1dccc;border-top-color:var(--green);border-radius:50%;animation:agent-spin .85s linear infinite;flex-shrink:0}.run-progress.paused{background:#fff6e9;border-color:#ebd6b8;color:#825522}.paused .activity-spinner{animation:none;border-color:currentColor;opacity:.55}.branch-activity{display:flex;gap:9px;align-items:center;padding:13px 20px;background:#f4f8f4;color:var(--green);font-size:12px;line-height:1.6}.tool-timeline code{display:block;font:10px/1.6 ui-monospace,monospace;color:var(--ink);overflow-wrap:anywhere}
.agent-card .markdown-body{white-space:normal;line-height:1.8;font-size:13px;overflow-wrap:anywhere}.markdown-body>:first-child{margin-top:0}.markdown-body>:last-child{margin-bottom:0}.markdown-body p{margin:0 0 12px}.markdown-body h1,.markdown-body h2,.markdown-body h3,.agent-card .markdown-body h4,.markdown-body h5,.markdown-body h6{padding:0;margin:20px 0 10px;line-height:1.45;color:var(--ink);font-size:15px}.markdown-body h1{font-size:19px}.markdown-body h2{font-size:17px}.markdown-body ul,.markdown-body ol{padding:0 0 0 23px;margin:10px 0;max-height:none;color:inherit;font:inherit}.markdown-body li{padding:2px 0}.markdown-body li>p{margin:0 0 5px}.markdown-body code{font:11px/1.7 ui-monospace,monospace;background:#edf3ee;padding:2px 4px;border-radius:4px}.markdown-body pre{white-space:pre;overflow:auto;padding:12px;background:#f1f5f2;margin:12px 0;max-height:none}.markdown-body pre code{background:none;padding:0}.markdown-body blockquote{border-left:3px solid #a9cbb5;margin:12px 0;padding:3px 12px;color:var(--muted)}.markdown-body table{border-collapse:collapse;display:block;overflow-x:auto;margin:12px 0;font-size:12px}.markdown-body th,.markdown-body td{border:1px solid var(--line);padding:7px 10px;text-align:left}.markdown-body th{background:#edf3ee}.markdown-body a{color:var(--green);text-decoration:underline}.markdown-body hr{border:0;border-top:1px solid var(--line);margin:18px 0}@keyframes agent-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.activity-spinner{animation:none}}

.repository-controls{border-top:1px solid var(--line);padding-top:12px;margin-bottom:18px}.repository-controls input{width:100%;box-sizing:border-box}.repository-controls details{font-size:12px;margin:12px 0}.repository-controls select[size]{width:100%;height:155px;font:11px/1.6 ui-monospace,monospace;padding:7px;overflow:auto}.repository-prompts{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.repository-prompts button{font-size:11px}.repository-validation{padding:0 20px}#repository-file-dialog{width:min(1000px,90vw)}#repository-file-title{font:13px ui-monospace,monospace;overflow-wrap:anywhere}

.run-readiness{margin:16px 0 12px;padding:12px 14px;background:#f2f6f2;border:1px solid var(--line);border-radius:8px;font-size:12px;line-height:1.65}.run-readiness p{margin:0}.run-readiness button{margin-top:7px;text-decoration:underline;text-underline-offset:3px;text-align:left}

.ccr-option{display:flex;align-items:center;gap:8px;font-size:13px}.ccr-option input{width:auto;margin:0}.ccr-activity{padding:0 20px;font-size:12px;color:var(--muted)}.ccr-activity ol{max-height:140px;overflow:auto;padding-left:18px}.ccr-activity code{font-size:10px}#comparison-label{font-size:12px;margin-bottom:16px}#comparison-mode{max-width:260px;margin-left:10px}@media(min-width:1600px){.agent-branches.has-ccr{grid-template-columns:repeat(3,minmax(0,1fr))}}

.compression-coverage,.conversation-accounting{margin:16px 0;padding:14px;border:1px solid var(--border,#d9ddd8);border-radius:10px;font-size:13px;overflow-wrap:anywhere}.compression-coverage summary{cursor:pointer;font-weight:600}.compression-coverage ul{padding-left:20px}.compression-coverage h4,.conversation-accounting h4{margin:12px 0 8px}.conversation-accounting p{margin:6px 0}
