@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap";:root{color:#1e201d;font-synthesis:none;text-rendering:optimizelegibility;--ink:#1e201d;--muted:#77786f;--line:#1e201d1f;--paper:#f7f5ef;--accent:#dd5b35;--green:#52755a;background:#edeae2;font-family:Manrope,PingFang SC,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{background:radial-gradient(circle at 10% 15%,#dd5b3514,#0000 24%),#edeae2;min-height:100vh}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:68px;padding:0 22px;display:flex}.brand,.run-meta{align-items:center;display:flex}.brand{gap:12px}.brand-mark{background:var(--ink);color:#fff;border-radius:10px 10px 4px;place-items:center;width:34px;height:34px;font-family:DM Mono,monospace;font-size:14px;display:grid}.brand div{gap:1px;display:grid}.brand strong{letter-spacing:-.02em;font-size:14px}.brand div span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.run-meta{color:var(--muted);gap:9px;font-size:12px}.run-meta code{border-left:1px solid var(--line);padding-left:10px;font-family:DM Mono,monospace;font-size:10px}.status-dot{background:#aaa89f;border-radius:999px;width:7px;height:7px}.status-running,.status-preparing,.status-repairing{background:var(--accent);animation:1.4s ease-in-out infinite pulse;box-shadow:0 0 0 5px #dd5b351f}.status-completed{background:var(--green)}.status-failed{background:#a93e36}.ghost-button,.icon-button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0}.ghost-button{border-radius:999px;padding:6px 11px;font-size:11px}.workspace-layout{grid-template-columns:218px minmax(350px,32vw) 1fr;min-height:calc(100vh - 68px);display:grid}.project-sidebar,.conversation-panel,.preview-panel{min-width:0}.project-sidebar{border-right:1px solid var(--line);background:#f7f5ef57;grid-template-rows:auto minmax(0,1fr);height:calc(100vh - 68px);display:grid;overflow:hidden}.project-sidebar-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:76px;padding:18px 16px 14px;display:flex}.project-sidebar-heading>div{gap:4px;display:grid}.project-sidebar-heading strong{font-size:14px}.project-add{border:1px solid var(--line);width:28px;height:28px;color:var(--ink);cursor:pointer;background:0 0;border-radius:8px}.project-add:hover{background:#1e201d0d}.project-list{padding:10px 9px 18px;overflow-y:auto}.project-empty{color:var(--muted);margin:12px 8px;font-size:11px;line-height:1.5}.project-empty small{margin-top:5px;font-size:9px;display:block}.project-item{width:100%;color:var(--ink);cursor:pointer;border:1px solid #0000;border-radius:11px;margin-bottom:5px;padding:11px 10px 9px;transition:background .12s,border-color .12s}.project-item:hover{background:#f7f5efb3}.project-item.active{border-color:var(--line);background:var(--paper);box-shadow:0 5px 18px #1e201d0d}.project-item:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.project-item-topline,.project-item-bottomline{justify-content:space-between;align-items:center;gap:8px;display:flex}.project-item-topline strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;font-weight:600;overflow:hidden}.project-status{background:#aaa89f;border-radius:999px;flex:none;width:6px;height:6px}.project-item-bottomline{margin-top:8px}.project-item-bottomline time{color:var(--muted);font-family:DM Mono,monospace;font-size:8px}.project-actions{opacity:0;gap:2px;transition:opacity .12s;display:flex}.project-item:hover .project-actions,.project-item:focus-within .project-actions,.project-item.active .project-actions{opacity:1}.project-actions button{width:21px;height:21px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0;line-height:1}.project-actions button:hover{color:var(--ink);background:#1e201d14}.conversation-panel{border-right:1px solid var(--line);grid-template-rows:auto minmax(0,1fr) auto;height:calc(100vh - 68px);display:grid;position:relative}.panel-heading{justify-content:space-between;align-items:flex-start;padding:26px 24px 20px;display:flex}.eyebrow{color:var(--accent);letter-spacing:.16em;font-family:DM Mono,monospace;font-size:9px}.panel-heading h1{letter-spacing:-.045em;margin:5px 0 0;font-size:clamp(22px,2.1vw,30px);line-height:1.1}.icon-button{border-radius:999px;width:34px;height:34px;font-size:20px}.icon-button:hover,.ghost-button:hover{background:#1e201d0d}.transcript{padding:2px 24px 24px;overflow-y:auto}.welcome-card{border:1px solid var(--line);background:#f7f5ef9e;border-radius:18px;margin-top:8px;padding:24px}.welcome-index{color:var(--accent);font-family:DM Mono,monospace;font-size:10px}.welcome-card h2{letter-spacing:-.035em;margin:34px 0 10px;font-size:20px}.welcome-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.capability-row{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.capability-row span{border:1px solid var(--line);border-radius:999px;padding:5px 9px;font-family:DM Mono,monospace;font-size:9px}.message{align-items:flex-start;gap:8px;margin:12px 0;display:flex}.message-user{justify-content:flex-end;margin-left:40px}.message-content{border:1px solid var(--line);background:#f7f5efdb;border-radius:4px 14px 14px;max-width:calc(100% - 38px);padding:10px 12px}.message-user .message-content{border-color:var(--ink);background:var(--ink);color:#f8f6f0;border-radius:14px 4px 14px 14px}.message-final .message-content{background:linear-gradient(135deg,#2e5d8914,#0000 58%),#f7f5efe6;border-color:#2e5d8938}.message-label{color:var(--accent);letter-spacing:.13em;align-items:center;gap:5px;margin-bottom:5px;font-family:DM Mono,monospace;font-size:8px;display:flex}.message-user .message-label{color:#e89a80}.message p{white-space:pre-wrap;margin:0;font-size:11px;line-height:1.6}.typing-dot{background:var(--accent);border-radius:99px;width:5px;height:5px;animation:1.35s ease-in-out infinite agent-pulse}.timeline{gap:6px;margin:18px 0 4px;display:grid}.timeline-item{border:1px solid var(--line);background:#f7f5ef7a;border-radius:11px;overflow:hidden}.timeline-item summary{cursor:pointer;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:42px;padding:9px 10px;list-style:none;display:grid}.timeline-item summary::-webkit-details-marker{display:none}.timeline-marker{background:#edeae2;border:2px solid #aaa89f;border-radius:999px;width:9px;height:9px}.tone-active .timeline-marker{border-color:var(--accent)}.tone-success .timeline-marker{border-color:var(--green);background:var(--green)}.tone-danger .timeline-marker{background:#a93e36;border-color:#a93e36}.timeline-copy{gap:2px;min-width:0;display:grid}.timeline-title-row{align-items:center;gap:6px;min-width:0;display:flex}.timeline-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.timeline-item small{color:var(--muted);font-size:9px;line-height:1.4}.details-hint{color:var(--muted);font-family:DM Mono,monospace;font-size:8px}.role-badge{color:var(--muted);text-transform:uppercase;background:#1e201d14;border-radius:5px;flex:none;padding:2px 5px;font-family:DM Mono,monospace;font-size:7px}.role-researcher{--role-color:#52755a}.role-designer{--role-color:#7559a8}.role-programmer{--role-color:#b25335}.role-main{--role-color:#2e5d89}.role-badge{color:var(--role-color,var(--muted))}.trace-detail{border-top:1px solid var(--line);background:#1e201d09;padding:10px}.trace-detail pre{color:#494b46;white-space:pre-wrap;word-break:break-word;max-height:320px;margin:0;font-family:DM Mono,monospace;font-size:8px;line-height:1.55;overflow:auto}.trace-detail img{object-fit:cover;border-radius:8px;width:100%;max-height:220px;margin-bottom:10px}.turn-list{gap:18px;margin-top:15px;display:grid}.chat-round{gap:8px;display:grid}.team-turn{background:#f7f5ef7a;border:1px solid #1e201d21;border-radius:15px;overflow:hidden}.team-turn-summary{cursor:pointer;background:linear-gradient(90deg,#2e5d8911,#0000 52%),#ffffff73;justify-content:space-between;align-items:center;gap:10px;min-height:52px;padding:9px 11px;list-style:none;display:flex}.team-turn-summary::-webkit-details-marker{display:none}.agent-assignment>summary::-webkit-details-marker{display:none}.agent-trace>summary::-webkit-details-marker{display:none}.team-trace-item>summary::-webkit-details-marker{display:none}.system-trace>summary::-webkit-details-marker{display:none}.team-turn-identity{align-items:center;gap:9px;display:flex}.team-run-index{color:#fff;background:#263f58;border-radius:9px;place-items:center;width:28px;height:28px;font-family:DM Mono,monospace;font-size:8px;display:grid}.team-turn-identity>span:last-child{gap:1px;display:grid}.team-turn-summary strong{font-size:10px}.team-turn-summary small{color:var(--muted);font-size:8px}.team-turn-body{border-top:1px solid var(--line);padding:9px}.turn-metrics{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.turn-metrics code{background:#ffffff80;border:1px solid #1e201d14;border-radius:5px;padding:3px 5px;font-family:DM Mono,monospace;font-size:7px}.turn-usage-grid{color:var(--muted);grid-template-columns:repeat(4,1fr);gap:5px;font-size:7px;display:grid}.turn-usage-grid>span{background:#1e201d09;border-radius:7px;gap:2px;min-width:0;padding:6px 7px;display:grid}.turn-usage-grid strong{color:var(--ink);font-family:DM Mono,monospace;font-size:8px}.team-attempt-list{gap:12px;margin-top:10px;display:grid}.team-attempt{background:0 0;border:0;padding:4px 2px 2px;position:relative}.team-attempt.attempt-failed{background:0 0}.team-attempt-heading{color:#8a8980;letter-spacing:.12em;justify-content:center;align-items:center;gap:6px;min-height:21px;margin:1px 0 9px;font-family:DM Mono,monospace;font-size:6px;display:flex}.team-attempt-heading strong{color:var(--accent);background:#dd5b351a;border-radius:4px;padding:2px 5px;font-size:6px}.agent-card{grid-template-columns:29px minmax(0,1fr);align-items:start;column-gap:8px;display:grid;position:relative}.agent-card-main{margin-right:15px}.agent-card-heading{grid-column:1/-1;grid-template-columns:29px minmax(0,1fr) auto;align-items:center;column-gap:8px;padding:0;display:grid}.agent-avatar{background:var(--role-color);color:#fff;width:29px;height:29px;box-shadow:0 5px 12px color-mix(in srgb, var(--role-color) 18%, transparent);border-radius:7px 7px 3px;place-items:center;font-family:DM Mono,monospace;font-size:9px;display:grid}.agent-identity{gap:1px;min-width:0;margin:0 0 5px 1px;display:grid}.agent-identity strong{color:var(--role-color);font-size:9px}.agent-identity small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.agent-state{color:var(--muted);align-self:start;align-items:center;gap:4px;margin:1px 1px 0 auto;font-size:7px;display:inline-flex}.agent-state i{background:#aaa89f;border-radius:99px;width:5px;height:5px}.agent-state.state-completed i{background:var(--green)}.agent-state.state-running i{background:var(--accent);animation:1.35s ease-in-out infinite agent-pulse}.agent-state.state-failed i,.agent-state.state-aborted i{background:#a93e36}.agent-chat-bubble{border:1px solid color-mix(in srgb, var(--role-color) 20%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--role-color) 6%, transparent), transparent 58%), #ffffffb3;border-radius:4px 12px 12px;grid-column:2;padding:9px 10px 0;position:relative;overflow:hidden}.agent-chat-bubble:before{content:"";border-top:7px solid color-mix(in srgb, var(--role-color) 20%, transparent);border-left:6px solid #0000;position:absolute;top:-1px;right:100%}.agent-chat-line{color:#343630;margin:0 0 7px;font-size:9px;line-height:1.5}.agent-assignment{margin:0 0 8px}.agent-assignment>summary{border-left:2px solid color-mix(in srgb, var(--role-color) 55%, transparent);cursor:pointer;color:#6d6d66;background:#1e201d09;border-radius:0 6px 6px 0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;padding:6px 7px;font-size:7px;line-height:1.5;list-style:none;display:grid}.agent-assignment summary>span{color:var(--role-color);white-space:nowrap;font-family:DM Mono,monospace;font-size:6px}.agent-assignment summary>strong{text-overflow:ellipsis;white-space:nowrap;font-size:7px;font-weight:500;overflow:hidden}.agent-assignment summary>i{color:#96958c;white-space:nowrap;font-family:DM Mono,monospace;font-size:5px;font-style:normal}.agent-assignment>p{color:#696b64;white-space:pre-wrap;background:#1e201d09;border-radius:6px;margin:5px 0 0;padding:7px;font-size:7px;line-height:1.55}.agent-result{color:#5b5d56;margin:0 0 8px;font-size:7px;line-height:1.55}.agent-error{color:#853a34;background:#a93e360f;border-left:2px solid #a93e36;margin:0 0 8px;padding:5px 6px;font-family:DM Mono,monospace;font-size:6px;line-height:1.45}.dispatch-rail{align-items:center;gap:8px;min-height:34px;margin:4px 0 5px 37px;display:flex}.dispatch-avatar-stack{padding-left:7px;display:flex}.dispatch-avatar-stack i{color:#fff;background:#52755a;border:2px solid #f4f1e9;border-radius:99px;place-items:center;width:18px;height:18px;margin-left:-7px;font-family:DM Mono,monospace;font-size:5px;font-style:normal;display:grid}.dispatch-avatar-stack i:nth-child(2){background:#7559a8}.dispatch-avatar-stack i:nth-child(3){background:#b25335}.dispatch-rail small{color:#6f7e89;font-family:DM Mono,monospace;font-size:6px}.subagent-branch{gap:10px;display:grid}.agent-trace{border-top:1px solid #1e201d12;margin:7px -10px 0}.agent-trace>summary{cursor:pointer;min-height:27px;color:var(--muted);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px;padding:5px 9px;font-size:7px;list-style:none;display:grid}.agent-trace>summary code{text-align:center;background:#1e201d0f;border-radius:4px;min-width:17px;padding:2px 4px;font-family:DM Mono,monospace;font-size:6px}.trace-toggle{font-family:DM Mono,monospace;font-size:6px}.agent-trace[open] .trace-toggle{font-size:0}.agent-trace[open] .trace-toggle:after{content:"收起";font-size:6px}.agent-trace-list,.delivery-events,.system-trace>div{gap:4px;padding:0 6px 6px;display:grid}.agent-metrics{color:#8d8d85;border-top:1px solid #1e201d0f;flex-wrap:wrap;gap:5px 9px;margin:0 -10px;padding:6px 9px;font-family:DM Mono,monospace;font-size:6px;display:flex}.team-trace-item{background:#ffffff94;border:1px solid #1e201d14;border-radius:7px;overflow:hidden}.team-trace-item>summary{cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;min-height:31px;padding:5px 6px;list-style:none;display:grid}.team-trace-marker{border:1.5px solid #aaa89f;border-radius:99px;width:6px;height:6px}.tone-success .team-trace-marker{border-color:var(--green);background:var(--green)}.tone-active .team-trace-marker{border-color:var(--accent)}.tone-danger .team-trace-marker{background:#a93e36;border-color:#a93e36}.team-trace-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.team-trace-item small{color:var(--muted);font-size:6px}.team-trace-item .details-hint{font-size:6px}.team-trace-item .trace-detail{padding:7px}.team-trace-item .trace-detail pre{max-height:220px;font-size:6px}.delivery-gate{background:#52755a0b;border:1px dashed #52755a57;border-radius:10px;margin-top:10px;padding:8px}.delivery-gate>header{align-items:center;gap:7px;margin-bottom:7px;display:flex}.delivery-icon{background:var(--green);color:#fff;border-radius:99px;place-items:center;width:23px;height:23px;font-size:8px;display:grid}.delivery-gate>header>span:last-child{gap:1px;display:grid}.delivery-gate header strong{font-size:8px}.delivery-gate header small{color:var(--muted);font-size:6px}.system-trace{border:1px solid var(--line);background:#f7f5ef8f;border-radius:10px;margin-top:8px}.system-trace>summary{cursor:pointer;min-height:34px;color:var(--muted);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;padding:7px 9px;font-family:DM Mono,monospace;font-size:6px;list-style:none;display:grid}.system-trace>summary code{background:#1e201d0f;border-radius:4px;padding:2px 5px;font-size:6px}@keyframes agent-pulse{0%,to{box-shadow:0 0 #dd5b3500}50%{box-shadow:0 0 0 4px #dd5b351f}}@media (prefers-reduced-motion:reduce){.agent-state.state-running i{animation:none}}.team-tree{gap:5px;padding:0 12px 12px;display:grid}.team-node{border-left:3px solid var(--role-color,#aaa89f);background:#1e201d09;border-radius:5px;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:7px;min-height:28px;padding:6px 8px;display:grid}.team-node span{color:var(--role-color,var(--ink));font-size:9px;font-weight:600}.team-node code,.team-node small{color:var(--muted);font-family:DM Mono,monospace;font-size:7px}.composer{border:1px solid var(--line);background:var(--paper);border-radius:17px;margin:0 20px 20px;padding:10px;box-shadow:0 14px 40px #1e201d14}.composer textarea{resize:none;width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:12px;line-height:1.55}.composer textarea::placeholder{color:#aaa89f}.composer-footer{justify-content:space-between;align-items:center;padding:6px 1px 0 6px;display:flex}.composer-footer>span{color:#aaa89f;font-family:DM Mono,monospace;font-size:8px}.primary-button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:10px;align-items:center;gap:16px;padding:9px 12px;font-size:11px;font-weight:600;display:inline-flex}.primary-button:hover:not(:disabled){background:#c94c29}.primary-button:disabled{opacity:.45;cursor:not-allowed}.error-banner{z-index:5;color:#fff;background:#943f38;border-radius:9px;padding:9px 12px;font-size:10px;position:absolute;bottom:8px;left:20px;right:20px;transform:translateY(100%)}.preview-panel{background-color:#e4e1d8;background-image:linear-gradient(#1e201d09 1px,#0000 1px),linear-gradient(90deg,#1e201d09 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;grid-template-rows:auto minmax(0,1fr) auto;height:calc(100vh - 68px);display:grid}.preview-toolbar,.preview-footer{align-items:center;display:flex}.preview-toolbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#edeae2e0;justify-content:space-between;min-height:56px;padding:10px 18px}.viewport-switcher{border:1px solid var(--line);border-radius:10px;padding:3px;display:flex}.viewport-switcher button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:6px 9px;font-size:9px}.viewport-switcher button.active{background:var(--paper);color:var(--ink);box-shadow:0 2px 8px #1e201d14}.preview-address{border:1px solid var(--line);background:#f7f5ef8c;border-radius:9px;align-items:center;gap:5px;min-width:240px;padding:8px 10px;display:flex}.preview-address>span{background:#b7b3a9;border-radius:999px;width:6px;height:6px}.preview-address>span:first-child{background:#d6715b}.preview-address code{color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;margin-left:6px;font-family:DM Mono,monospace;font-size:8px;overflow:hidden}.open-preview{color:var(--ink);font-size:10px;text-decoration:none}.preview-stage{justify-content:center;align-items:flex-start;padding:clamp(18px,3vw,42px);display:flex;overflow:auto}.preview-frame{background:#fff;border-radius:5px;min-height:100%;transition:width .24s;overflow:hidden;box-shadow:0 25px 80px #1e201d2b,0 0 0 1px #1e201d14}.frame-desktop{width:100%}.frame-mobile{width:390px;min-height:760px}.preview-frame iframe{background:#fff;border:0;width:100%;min-height:max(100%,760px);display:block}.preview-placeholder{text-align:center;margin:auto}.placeholder-orbit{border:1px solid #1e201d1f;border-radius:999px;width:92px;height:92px;margin:0 auto 22px;animation:12s linear infinite rotate;position:relative}.placeholder-orbit span{background:var(--accent);border-radius:999px;width:9px;height:9px;position:absolute}.placeholder-orbit span:first-child{top:-4px;left:41px}.placeholder-orbit span:nth-child(2){background:var(--green);bottom:11px;left:5px}.placeholder-orbit span:nth-child(3){background:var(--ink);bottom:18px;right:3px}.preview-placeholder p{margin:0;font-size:13px;font-weight:600}.preview-placeholder small{color:var(--muted);margin-top:6px;font-size:9px;display:block}.preview-footer{border-top:1px solid var(--line);height:34px;color:var(--muted);background:#edeae2db;justify-content:space-between;padding:0 18px;font-family:DM Mono,monospace;font-size:8px}@keyframes pulse{50%{opacity:.5}}@keyframes rotate{to{transform:rotate(360deg)}}@media (width<=860px){.topbar{height:60px}.brand div span,.run-meta code{display:none}.workspace-layout{grid-template-columns:1fr}.project-sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;max-height:210px}.project-sidebar-heading{min-height:58px;padding:11px 16px}.project-list{gap:7px;padding:8px 12px 12px;display:flex;overflow:auto hidden}.project-item{flex:0 0 190px;margin:0}.project-empty{min-width:220px}.conversation-panel{border-right:0;height:auto;min-height:calc(100vh - 60px)}.transcript{min-height:300px;max-height:45vh}.preview-panel{border-top:1px solid var(--line);height:84vh}.preview-address{display:none}}