:root{color-scheme:dark;--bg: #111318;--surface: #1a1d24;--surface-strong: #222733;--text: #f3f5f8;--muted: #9aa4b2;--line: #303746;--accent: #58c4a7;--accent-strong: #7ddfc7;--danger: #ff7777;--shadow: 0 18px 42px rgba(0, 0, 0, .28)}:root[data-theme=light]{color-scheme:light;--bg: #f5f7fb;--surface: #ffffff;--surface-strong: #eef2f7;--text: #141820;--muted: #637083;--line: #d9e0ea;--accent: #167e6b;--accent-strong: #0f5f52;--danger: #b42318;--shadow: 0 14px 36px rgba(38, 50, 69, .12)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,textarea{font:inherit}button{cursor:pointer}.app-shell{width:min(100%,920px);margin:0 auto;padding:20px 14px 40px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:10px 0 18px}.eyebrow,.subtitle,.muted{color:var(--muted)}.eyebrow{margin:0 0 8px;font-size:12px;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:8px;font-size:32px;line-height:1.05;letter-spacing:0}h2{margin-bottom:0;font-size:18px}.subtitle{margin-bottom:0}.status-pill,.task-status{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;padding:6px 10px;color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 12%,transparent);font-size:12px;font-weight:700}.alert{margin-bottom:14px;border:1px solid color-mix(in srgb,var(--danger) 45%,var(--line));border-radius:8px;padding:12px;color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,var(--surface))}.section,.composer,.result-panel{margin-top:14px;border:1px solid var(--line);border-radius:8px;padding:14px;background:var(--surface);box-shadow:var(--shadow)}.section-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.agent-grid{display:grid;grid-template-columns:1fr;gap:10px}.agent-card{display:grid;gap:6px;min-height:108px;border:1px solid var(--line);border-radius:8px;padding:14px;color:var(--text);text-align:left;background:var(--surface-strong)}.agent-card.is-active{border-color:var(--accent);outline:2px solid color-mix(in srgb,var(--accent) 22%,transparent)}.agent-code{color:var(--accent-strong);font-weight:800}.agent-name{font-size:15px;font-weight:700}.agent-type,.history-meta{color:var(--muted);font-size:12px}.selected-agent p{margin-bottom:0;color:var(--muted);line-height:1.55}.template-list{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.template-chip{flex:0 0 auto;max-width:260px;border:1px solid var(--line);border-radius:999px;padding:9px 12px;color:var(--text);background:var(--surface-strong);white-space:nowrap}.template-chip.is-active{border-color:var(--accent);color:var(--accent-strong)}.input-label{display:block;margin:14px 0 8px;color:var(--muted);font-size:13px}textarea{display:block;width:100%;min-height:132px;resize:vertical;border:1px solid var(--line);border-radius:8px;padding:12px;color:var(--text);background:var(--surface-strong);line-height:1.5}textarea:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.primary-button{width:100%;margin-top:12px;border:0;border-radius:8px;padding:13px 16px;color:#07110e;background:var(--accent-strong);font-weight:800}.primary-button:disabled{cursor:not-allowed;opacity:.58}.result-panel pre{margin:0;white-space:pre-wrap;color:var(--text);line-height:1.55}.history-list{display:grid;gap:8px}.history-item{display:grid;gap:5px;width:100%;border:1px solid var(--line);border-radius:8px;padding:12px;color:var(--text);text-align:left;background:var(--surface-strong)}.history-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}@media(min-width:720px){.app-shell{padding-top:32px}.agent-grid{grid-template-columns:repeat(3,minmax(0,1fr))}h1{font-size:42px}}