.td-chrome{--td-bg:#0a0a0f;--td-text:#ededf2;--td-muted:#9a9aad;--td-line:#262633;--td-focus:#7c8cff;--td-h:48px;box-sizing:border-box;z-index:200;min-height:var(--td-h);background:var(--td-bg);color:var(--td-text);border-bottom:1px solid var(--td-line);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;align-items:center;gap:.7rem;padding:0 1rem;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:13px;line-height:1.3;display:flex;position:sticky;top:0}.td-chrome *,.td-chrome :before,.td-chrome :after{box-sizing:border-box}.td-chrome-mark{letter-spacing:-.02em;color:var(--td-text);flex-shrink:0;font-weight:650;text-decoration:none}.td-chrome-dot{background:var(--td-muted);border-radius:50%;flex-shrink:0;width:.45rem;height:.45rem}.td-chrome-dot.td-theme-design{background:#7c8cff}.td-chrome-dot.td-theme-agent{background:#5ed6b2}.td-chrome-dot.td-theme-factory{background:#f0a96e}.td-chrome-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--td-muted);font-weight:500;overflow:hidden}.td-chrome-end{flex-shrink:0;align-items:center;gap:.75rem;margin-left:auto;display:flex}.td-chrome-back{color:var(--td-text);white-space:nowrap;border-radius:6px;align-items:center;gap:.35rem;margin-right:-.35rem;padding:.3rem .55rem;font-weight:500;text-decoration:none;display:inline-flex}.td-chrome-back:hover{background:#16161f}.td-chrome-mark:focus-visible,.td-chrome-back:focus-visible{outline:2px solid var(--td-focus);outline-offset:2px;border-radius:4px}.td-chrome-actions{align-items:center;display:flex}@media (width<=640px){.td-chrome{flex-wrap:wrap;row-gap:.35rem;padding:.45rem .85rem}.td-chrome-title{flex:40%}.td-chrome-end{justify-content:space-between;width:100%;margin-left:0}}:root{--bg:#0a0d15;--bg-raise:#10141f;--panel:#131826;--panel-2:#171d2e;--line:#94a3c724;--line-strong:#94a3c747;--text:#e7eaf4;--text-dim:#8a93ad;--accent:#8b7cf7;--accent-2:#6c5ce7;--green:#3ecf8e;--amber:#f2b94b;--red:#f0647c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1100px 500px at 15% -10%, #6c5ce729, transparent 60%), radial-gradient(900px 400px at 95% 0%, #3ecf8e12, transparent 55%), var(--bg);color:var(--text);min-height:100vh}code{background:#94a3c71f;border-radius:5px;padding:.1em .35em;font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:.86em}.app{flex-direction:column;gap:18px;max-width:1280px;min-height:100vh;margin:0 auto;padding:20px 24px 32px;display:flex}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);border-radius:13px;place-items:center;width:44px;height:44px;font-size:20px;display:grid;box-shadow:0 6px 22px #6c5ce766}.brand h1{letter-spacing:-.02em;margin:0;font-size:19px}.brand p{color:var(--text-dim);margin:2px 0 0;font-size:12.5px}.topbar-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.status-pill{border:1px solid var(--line-strong);color:var(--text-dim);background:var(--panel);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:12px}.status-running{color:var(--accent);border-color:#8b7cf780}.status-awaiting_approval{color:var(--amber);border-color:#f2b94b80}.status-finished{color:var(--green);border-color:#3ecf8e80}.mode-toggle{border:1px solid var(--line-strong);background:var(--panel);border-radius:10px;display:inline-flex;overflow:hidden}.mode-toggle button{appearance:none;color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:0;padding:7px 13px;font-size:12.5px;transition:background .15s,color .15s}.mode-toggle button.active{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);color:#fff}.btn{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:10px;padding:9px 16px;font-size:13.5px;font-weight:600;transition:transform .1s,box-shadow .15s,background .15s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);color:#fff;box-shadow:0 6px 18px #6c5ce759}.btn-primary:hover{box-shadow:0 8px 26px #6c5ce780}.btn-ghost{background:var(--panel);border-color:var(--line-strong);color:var(--text)}.btn-approve{background:var(--green);color:#06281a}.btn-reject{color:var(--red);background:0 0;border-color:#f0647c99}.layout{flex:1;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:16px;min-height:0;display:grid}@media (width<=960px){.layout{grid-template-columns:1fr}}.canvas{background:var(--bg-raise);border:1px solid var(--line);border-radius:16px;min-height:480px;max-height:calc(100vh - 190px);padding:20px;overflow-y:auto}.sidebar{flex-direction:column;gap:16px;min-height:0;max-height:calc(100vh - 190px);display:flex}.thread-empty{place-items:center;height:100%;display:grid}.hero{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:460px;padding:40px 0;display:flex}.hero-kicker{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-size:11px;font-weight:700}.hero h2{letter-spacing:-.02em;margin:0;font-size:26px}.hero p{color:var(--text-dim);margin:0;font-size:14px;line-height:1.65}.hero-footnote{color:var(--text-dim);opacity:.8;font-size:12px}.thread{flex-direction:column;gap:16px;display:flex}.msg{gap:12px;display:flex}.msg-user{justify-content:flex-end}.msg-body{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.avatar{color:#fff;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);border-radius:9px;flex:none;place-items:center;width:30px;height:30px;margin-top:2px;font-size:14px;display:grid}.avatar-alert{background:linear-gradient(135deg, var(--amber) 0%, #d99a26 100%);color:#2c1e04}.bubble{border-radius:14px;max-width:62ch;padding:11px 15px;font-size:14px;line-height:1.6}.bubble-user{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);color:#fff;border-bottom-right-radius:5px}.bubble-assistant{background:var(--panel);border:1px solid var(--line);border-top-left-radius:5px}.bubble-assistant.streaming:after{content:"▋";color:var(--accent);margin-left:2px;animation:.9s step-end infinite blink}@keyframes blink{50%{opacity:0}}.typing-row{align-items:center;gap:5px;padding:4px 0 4px 42px;display:flex}.typing-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.1s ease-in-out infinite bounce}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}.typing-label{color:var(--text-dim);margin-left:8px;font-size:12px}@keyframes bounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.widget{background:var(--panel);border:1px solid var(--line-strong);border-radius:14px;max-width:620px;padding:16px;animation:.3s ease-out rise}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.widget-head{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.widget-kicker{color:var(--accent);letter-spacing:.03em;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px}.widget-head h3{letter-spacing:-.01em;margin:0;font-size:15.5px}.chart-box{margin:0 -4px}.widget-insight.tone-positive{border-left:3px solid var(--green)}.widget-insight.tone-warning{border-left:3px solid var(--amber)}.insight-headline{align-items:baseline;gap:12px;display:flex}.insight-delta{letter-spacing:-.03em;color:var(--green);flex:none;font-size:24px;font-weight:800}.tone-warning .insight-delta{color:var(--amber)}.insight-headline p{margin:0;font-size:14px;font-weight:600;line-height:1.5}.insight-bullets{color:var(--text-dim);flex-direction:column;gap:6px;margin:12px 0 0;padding-left:18px;font-size:13px;line-height:1.55;display:flex}.rollout-phases{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.phase{gap:12px;padding-bottom:16px;display:flex;position:relative}.phase:last-child{padding-bottom:0}.phase:before{content:"";background:var(--line-strong);width:2px;position:absolute;top:16px;bottom:0;left:5px}.phase:last-child:before{display:none}.phase-dot{background:var(--text-dim);border-radius:50%;flex:none;width:12px;height:12px;margin-top:4px}.phase-live .phase-dot{background:var(--green);box-shadow:0 0 0 4px #3ecf8e2e}.phase-body{flex-direction:column;gap:2px;display:flex}.phase-top{align-items:center;gap:10px;font-size:14px;display:flex}.phase-status{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:700}.status-live{color:var(--green);background:#3ecf8e24}.status-scheduled{color:var(--text-dim);background:#94a3c724}.status-blocked{color:var(--red);background:#f0647c24}.phase-meta{color:var(--text-dim);font-size:12.5px}.widget-streaming .streaming-args{color:var(--text-dim);white-space:pre-wrap;word-break:break-all;max-height:96px;margin:0;font-size:11.5px;overflow:hidden}.chat-only-block{background:var(--panel);border:1px dashed var(--line-strong);border-radius:14px;max-width:620px;padding:14px 16px}.chat-only-label{text-transform:uppercase;letter-spacing:.1em;color:var(--amber);margin-bottom:8px;font-size:11px;font-weight:700;display:block}.chat-only-block pre{color:var(--text-dim);white-space:pre-wrap;word-break:break-word;margin:0;font-size:12px;line-height:1.55}.chat-only-block code{background:0 0;padding:0}.approval-card{background:linear-gradient(180deg, #f2b94b17 0%, var(--panel) 60%);border:1px solid #f2b94b73;border-radius:14px;flex-direction:column;gap:12px;max-width:620px;padding:18px;animation:.3s ease-out rise;display:flex}.approval-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.approval-badge{text-transform:uppercase;letter-spacing:.1em;color:#2c1e04;background:var(--amber);border-radius:999px;padding:3px 10px;font-size:10.5px;font-weight:800}.approval-reason{color:var(--text-dim);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px}.approval-message{letter-spacing:-.01em;margin:0;font-size:15.5px;font-weight:650}.approval-details{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0;display:grid}.approval-detail{border:1px solid var(--line);background:#94a3c712;border-radius:10px;padding:9px 12px}.approval-detail dt{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:3px;font-size:10.5px}.approval-detail dd{margin:0;font-size:12.5px;line-height:1.45}.approval-actions{gap:10px;display:flex}.approval-footnote{color:var(--text-dim);font-size:11.5px;line-height:1.5}.explainer,.event-log{background:var(--bg-raise);border:1px solid var(--line);border-radius:16px;padding:16px}.event-log{flex-direction:column;flex:1;min-height:200px;display:flex}.panel-head{flex-direction:column;gap:2px;margin-bottom:12px;display:flex}.panel-head h3{letter-spacing:-.01em;margin:0;font-size:14.5px}.panel-sub{color:var(--text-dim);font-size:11.5px}.explainer-steps{color:var(--text-dim);flex-direction:column;gap:10px;margin:0;padding-left:20px;font-size:12.5px;line-height:1.6;display:flex}.explainer-steps strong{color:var(--text)}.explainer-links{flex-wrap:wrap;gap:14px;margin-top:14px;display:flex}.explainer-links a,.footer-links a{color:var(--accent);font-size:12.5px;text-decoration:none}.explainer-links a:hover,.footer-links a:hover{text-decoration:underline}.event-scroll{flex-direction:column;flex:1;gap:4px;min-height:120px;padding-right:2px;display:flex;overflow-y:auto}.event-row{border-left:2px solid var(--text-dim);background:#94a3c70d;border-radius:8px;align-items:baseline;gap:10px;padding:5px 9px;animation:.2s ease-out rise;display:flex}.event-row.cat-text{border-left-color:#62a8f5}.event-row.cat-tool{border-left-color:var(--accent)}.event-row.cat-lifecycle{border-left-color:var(--green)}.event-row.cat-interrupt{border-left-color:var(--amber);background:#f2b94b17}.event-type{letter-spacing:.02em;color:var(--text);flex:none;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:10px;font-weight:700}.event-summary{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:10px;overflow:hidden}.footer{color:var(--text-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:2px;font-size:12px;display:flex}.footer-links{gap:14px;display:flex}