:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0d12;--bg-elevated:#10131a;--panel:#141821;--panel-soft:#191f2a;--panel-strong:#202735;--border:#cadaff29;--border-strong:#cadaff42;--text:#f5f7fb;--muted:#9aa7bb;--faint:#68748a;--cyan:#38bdf8;--lime:#a3e635;--pink:#fb7185;--amber:#fbbf24;--danger:#f87171;--shadow:0 18px 44px #00000057}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:linear-gradient(#38bdf80d 1px, transparent 1px), linear-gradient(90deg, #fb71850a 1px, transparent 1px), var(--bg);color:var(--text);background-size:32px 32px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,p{margin:0}.shell{max-width:1220px;margin:0 auto;padding:22px}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:4px 0 18px;display:flex}.eyebrow,.panel-kicker,.agent-card__slug{color:var(--cyan);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:800}h1{margin-top:4px;font-size:34px;line-height:1.1}.status-pill{color:#bae6fd;white-space:nowrap;background:#38bdf81f;border:1px solid #38bdf857;border-radius:999px;padding:9px 12px;font-size:13px;font-weight:800}.status-pill--ok{color:#d9f99d;background:#a3e6351f;border-color:#a3e63557}.status-pill--blocked{color:#fecaca;background:#f8717124;border-color:#f871715c}.workspace,.agent-workspace{min-width:0}.agent-workspace{gap:14px;display:grid}.agent-selector{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.agent-button{border:1px solid var(--border);color:var(--text);cursor:pointer;text-align:left;background:#141821e0;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 10px;min-height:76px;padding:12px;display:grid}.agent-button[aria-pressed=true]{background:color-mix(in srgb, var(--agent-accent) 16%, var(--panel));border-color:color-mix(in srgb, var(--agent-accent) 64%, var(--border));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--agent-accent) 28%, transparent), 0 0 24px color-mix(in srgb, var(--agent-accent) 22%, transparent)}.agent-button span{min-width:0;font-size:15px;font-weight:900;line-height:1.2}.agent-button small{color:var(--muted);grid-column:2;min-width:0;font-size:12px;font-weight:700}.workspace-grid{grid-template-columns:minmax(0,1fr) minmax(320px,380px);align-items:start;gap:14px;display:grid}.agent-card,.selected-agent,.template-panel,.history-panel{border:1px solid var(--border);box-shadow:var(--shadow);background:#141821f0;border-radius:8px}.selected-agent,.history-panel,.template-panel{padding:16px}.selected-agent{gap:16px;min-width:0;display:grid}.selected-agent__header,.agent-card__header{align-items:flex-start;gap:12px;display:flex}.selected-agent__header{border-bottom:1px solid var(--border);padding-bottom:14px}.selected-agent__header h2,.agent-card h2,.panel-heading h2{margin-top:3px;font-size:22px;line-height:1.15}.selected-agent__description,.agent-card__description,.history-panel p,.reply-panel p{color:var(--muted);font-size:14px;line-height:1.5}.agent-card__status{background:color-mix(in srgb, var(--agent-accent,var(--cyan)) 14%, var(--panel-strong));border:1px solid color-mix(in srgb, var(--agent-accent,var(--cyan)) 32%, var(--border));color:var(--text);white-space:nowrap;border-radius:999px;margin-left:auto;padding:6px 8px;font-size:12px;font-weight:800}.agent-avatar{background:linear-gradient(135deg, color-mix(in srgb, var(--agent-accent) 36%, #111827), #0b0d12);border:1px solid color-mix(in srgb, var(--agent-accent) 54%, transparent);box-shadow:0 0 18px color-mix(in srgb, var(--agent-accent) 30%, transparent);border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.agent-avatar--small{width:42px;height:42px}.agent-avatar--medium{width:54px;height:54px}.agent-avatar--large{width:68px;height:68px}.agent-avatar__image{object-fit:cover;z-index:2;width:100%;height:100%;position:absolute;inset:0}.avatar-fallback{color:#fff;z-index:1;font-size:14px;font-weight:900;position:relative}.selected-agent__body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.selected-agent__body h3,.task-form label,.reply-panel h3,.history-detail h3,.history-detail h4{margin-bottom:8px;font-size:13px;font-weight:900;display:block}.selected-agent__body ul,.agent-card ul{color:var(--text);gap:8px;margin:0;padding-left:18px;display:grid}.selected-agent__body li,.agent-card li{font-size:14px;line-height:1.35}.agent-card__capabilities{flex-wrap:wrap;gap:8px;display:flex}.agent-card__capabilities span{color:#fde68a;background:#fbbf241f;border:1px solid #fbbf2447;border-radius:999px;padding:7px 9px;font-size:12px;font-weight:800}.agent-note{color:#fde68a;background:#fbbf241a;border:1px solid #fbbf2442;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:800}.task-form{border-top:1px solid var(--border);gap:10px;padding-top:14px;display:grid}.task-form textarea{border:1px solid var(--border-strong);color:var(--text);resize:vertical;background:#0b0d12d1;border-radius:8px;width:100%;min-height:154px;padding:12px;line-height:1.45}.task-form textarea::placeholder{color:var(--faint)}.task-form textarea:focus,.agent-button:focus,.template-actions button:focus,.task-form button:focus,.ghost-button:focus,.history-item:focus,.segmented-control button:focus,.history-actions button:focus,.icon-button:focus{outline:3px solid color-mix(in srgb, var(--agent-accent,var(--cyan)) 26%, transparent);outline-offset:2px}.task-form__footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.task-form__footer span{color:var(--muted);font-size:12px;font-weight:800}.task-form button,.template-actions button,.ghost-button,.history-actions button,.icon-button{cursor:pointer;border-radius:8px;font-weight:900}.task-form button{background:color-mix(in srgb, var(--agent-accent,var(--cyan)) 76%, #fff);border:1px solid color-mix(in srgb, var(--agent-accent,var(--cyan)) 60%, #fff);color:#061018;min-width:110px;min-height:42px;padding:10px 16px}.task-form button:disabled,.ghost-button:disabled{cursor:wait;opacity:.64}.template-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.template-actions button{border:1px solid var(--border);color:var(--text);text-align:left;background:#191f2ae0;gap:4px;min-height:72px;padding:10px;display:grid}.template-actions button span{font-size:14px}.template-actions button small{color:var(--muted);font-size:12px;font-weight:700;line-height:1.35}.reply-panel{border:1px solid var(--border);background:#10131adb;border-radius:8px;min-height:138px;padding:14px}.reply-panel__header,.panel-heading,.history-detail__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.reply-panel pre,.history-detail pre{color:var(--text);white-space:pre-wrap;word-break:break-word;margin:0;font-family:inherit;font-size:14px;line-height:1.52}.reply-panel__error{color:#fecaca;font-weight:800}.run-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 12px;display:grid}.run-meta div{border:1px solid var(--border);background:#202735b8;border-radius:8px;min-width:0;padding:8px}.run-meta dt{color:var(--faint);text-transform:uppercase;margin-bottom:3px;font-size:11px;font-weight:900}.run-meta dd{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:12px;font-weight:800}.ghost-button,.icon-button,.history-actions button{border:1px solid var(--border);color:var(--text);background:#202735c7;min-height:36px;padding:8px 10px}.history-panel{gap:12px;display:grid}.panel-heading{border-bottom:1px solid var(--border);padding-bottom:12px}.panel-heading span{color:#bae6fd;text-align:center;background:#38bdf81f;border:1px solid #38bdf847;border-radius:999px;min-width:30px;padding:5px 8px;font-size:12px;font-weight:900}.segmented-control{border:1px solid var(--border);background:#0b0d12b8;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px;display:grid}.segmented-control button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;min-height:34px;font-weight:900}.segmented-control button[aria-pressed=true]{color:#e0f2fe;background:#38bdf829}.empty-state{border:1px dashed var(--border-strong);background:#20273580;border-radius:8px;padding:12px}.history-list{gap:8px;max-height:420px;padding-right:2px;display:grid;overflow:auto}.history-item{border:1px solid var(--border);color:var(--text);cursor:pointer;text-align:left;background:#10131ad1;border-radius:8px;gap:7px;padding:10px;display:grid}.history-item strong{font-size:14px;line-height:1.35}.history-item span:last-child{color:var(--muted);font-size:12px;font-weight:700;line-height:1.35}.history-item__status{border-radius:999px;justify-self:start;padding:4px 7px;font-size:11px;font-weight:900}.history-item__status--completed{color:#d9f99d;background:#a3e6351f}.history-item__status--failed{color:#fecaca;background:#f8717124}.history-detail{border-top:1px solid var(--border);gap:12px;padding-top:12px;display:grid}.history-detail section{gap:7px;display:grid}.history-detail p{overflow-wrap:anywhere}.history-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.tool-list{color:var(--text);gap:6px;margin:0;padding-left:18px;display:grid}.agent-card{flex-direction:column;gap:16px;min-height:330px;padding:16px;display:flex}.agent-card__speed{color:var(--amber);font-size:13px;font-weight:800}.agent-card__section{border-top:1px solid var(--border);padding-top:14px}.agent-card__section h3{margin-bottom:8px;font-size:13px}.side-panel{gap:14px;display:grid}.template-list{gap:10px;display:grid}.template-row{border-bottom:1px solid var(--border);gap:6px;padding-bottom:10px;display:grid}.template-row:last-child{border-bottom:0;padding-bottom:0}.template-row p{color:var(--cyan);font-size:12px;font-weight:800}.template-row h3{font-size:15px}.template-row span{color:var(--muted);font-size:13px;line-height:1.4}@media (max-width:980px){.workspace-grid{grid-template-columns:1fr}}@media (max-width:760px){.shell{padding:16px}.topbar{flex-direction:column;align-items:flex-start}h1{font-size:30px}.agent-selector,.selected-agent__body,.template-actions,.run-meta,.history-actions{grid-template-columns:1fr}.selected-agent__header{grid-template-columns:auto minmax(0,1fr);display:grid}.agent-card__status{justify-self:start;margin-left:0}}