.agent-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px}.agent-list{display:flex;flex-direction:column;gap:9px}.agent-list button{text-align:left;padding:15px;border:1px solid var(--line);border-radius:9px;background:white}.agent-list button.active{border-color:var(--brand);background:#fff4f4;box-shadow:inset 3px 0 var(--brand)}.agent-list small{display:block;margin-top:7px;color:var(--muted)}.agent-flow{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:20px 0}.agent-flow span{padding:9px 12px;background:#f5f5f7;border:1px solid var(--line);border-radius:6px;font-size:12px}.agent-flow b{color:var(--brand)}.agent-form details{border-top:1px solid var(--line);padding:18px 0}.agent-form summary{cursor:pointer;font-weight:bold;margin-bottom:12px}.agent-form textarea{min-height:120px}.agent-form .agent-help{display:block;color:var(--muted);font-size:12px;margin:5px 0 15px}.agent-result{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.agent-result pre{font-size:12px;max-height:220px;overflow:auto;background:#f7f7f7;padding:12px}.rich-content{white-space:normal!important;min-width:0;overflow-wrap:anywhere}.rich-content p{margin:10px 0;white-space:normal}.rich-content h3{font-size:1.1em;margin:16px 0 8px}.rich-content ul,.rich-content ol{padding-left:24px;margin:10px 0}.rich-content pre{white-space:pre-wrap;background:#f2f2f4;padding:12px;border-radius:5px;overflow:auto}.rich-table{max-width:100%;overflow:auto;margin:14px 0;border:1px solid #dfe2e6;border-radius:6px}.rich-table table{width:100%;min-width:340px;border-collapse:collapse;white-space:normal}.rich-table th,.rich-table td{padding:10px 12px!important;text-align:left;border-bottom:1px solid #e5e7eb;vertical-align:top}.rich-table th{background:#f5f5f7;font-weight:700}.agent-links-row{display:grid;grid-template-columns:1fr 1fr 2fr auto;gap:8px;align-items:center;margin:8px 0}.knowledge-children{padding:15px 23px;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:10px}.knowledge-tree-row small{display:block;color:var(--muted)}@media(max-width:800px){.agent-layout{grid-template-columns:1fr}.agent-list{max-height:230px;overflow:auto}.agent-links-row{grid-template-columns:1fr 1fr}.agent-flow{gap:4px}.agent-flow span{padding:6px;font-size:11px}}
.agent-layout>section,.agent-layout label{min-width:0}.agent-list button{white-space:normal;overflow-wrap:anywhere}.agent-layout .table-actions{flex-wrap:wrap}.agent-form .fields,#agent-test-form .fields{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-layout select{min-width:0;max-width:100%}@media(max-width:800px){.agent-layout{grid-template-columns:minmax(0,1fr)}.agent-form .fields,#agent-test-form .fields{grid-template-columns:minmax(0,1fr)}.agent-links-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
.agent-layout .card-top{flex-wrap:wrap}.agent-layout .card-top>div{min-width:0}.agent-layout h2{min-width:0;max-width:100%;overflow-wrap:anywhere}

.agent-component{margin-top:20px;padding:18px;border:1px solid var(--line);border-radius:8px;min-width:0}.agent-form .agent-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.6;min-height:420px;white-space:pre;overflow:auto;tab-size:4;resize:vertical}.agent-component code{overflow-wrap:anywhere}#agent-callback-result pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;overflow:auto;font-size:12px;background:#f7f7f9;padding:12px}.agent-component>details{margin-top:20px}

.agent-test-explanation{font-size:13px;line-height:1.6}.agent-test-context-hint{font-size:13px;padding:12px;background:#f6f6f8;border-radius:7px;overflow-wrap:anywhere}.agent-manual-item[hidden]{display:none!important}
.agent-form input[name="response.summary_words"]:disabled,.agent-form select[name="response.summary_review"]:disabled{background:#f0f1f3;color:#737b86;border-color:#dce0e5;cursor:not-allowed;opacity:1}
.agent-form label:has(input[name="response.summary_words"]:disabled),.agent-form label:has(select[name="response.summary_review"]:disabled){color:#737b86}

.agent-timings{margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}.agent-timing-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.agent-timing-totals>div{padding:13px;border:1px solid var(--line);border-radius:7px;background:#f6f7f9}.agent-timing-totals span,.agent-timing-totals strong{display:block}.agent-timing-totals span{font-size:12px;color:var(--muted);margin-bottom:6px}.agent-timing-totals strong{font-size:20px}.agent-timing-table{overflow-x:auto}.agent-timing-table table{width:100%;border-collapse:collapse}.agent-timing-table th,.agent-timing-table td{padding:11px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.agent-timing-table td:last-child,.agent-timing-table th:last-child{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.agent-timing-table td:first-child{width:28px;color:var(--muted)}.agent-timing-table small{display:block;color:var(--muted);margin-top:5px}.agent-timing-details{display:flex;flex-wrap:wrap;gap:5px 15px;font-size:12px;color:var(--muted);margin-top:6px}.agent-timings>.muted{font-size:12px;line-height:1.6}.agent-test-audio{margin-top:18px}.agent-test-audio audio{width:100%;max-width:650px}@media(max-width:700px){.agent-timing-totals{grid-template-columns:1fr}.agent-timing-table th,.agent-timing-table td{padding:9px 5px}}