:root{color:#1c1917;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f1ea;font:15px/1.5 Segoe UI,PingFang SC,Noto Sans SC,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{height:100dvh;margin:0}button,textarea{font:inherit}button{color:#1c1917;cursor:pointer;background:#fff;border:1px solid #d6d3d1;border-radius:8px;padding:6px 10px}button:hover{border-color:#0f766e}button:disabled{opacity:.5;cursor:not-allowed}.app{flex-direction:row;align-items:stretch;height:100dvh;max-height:100dvh;display:flex;overflow:hidden}.pane-resizer{cursor:col-resize;touch-action:none;z-index:3;background:0 0;flex:0 0 6px;width:6px;position:relative}.pane-resizer:after{content:"";pointer-events:none;background:#e7e5e4;width:1px;position:absolute;top:0;bottom:0;left:0}body.pane-dragging,body.pane-dragging *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.prd-pane{background:#fff;border-right:1px solid #e7e5e4;flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.prd-head{border-bottom:1px solid #e7e5e4;flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex}.prd-title{align-items:center;gap:8px;display:flex}.prd-badge{color:#78716c;background:#f5f5f4;border-radius:999px;padding:2px 8px;font-size:12px}.prd-badge.ok{color:#115e59;background:#ccfbf1}.prd-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.prd-tools .mode-switch button{color:#115e59;background:0 0;border:none;border-radius:0;padding:4px 10px}.prd-tools .mode-switch button[aria-pressed=true]{color:#fff;background:#0f766e;font-weight:700}.prd-tools>button{color:#fff;background:#0f766e;border-color:#0f766e}.prd-body{flex:auto;min-height:0;padding:14px 16px 20px;overflow:auto}.prd-editor{resize:none;background:#fffefb;border:1px solid #e7e5e4;border-radius:10px;width:100%;height:100%;min-height:0;padding:10px 12px;font:13px/1.55 ui-monospace,Consolas,monospace}.prd-foot{color:#115e59;flex:none;margin:0;padding:8px 14px 12px;font-size:12px}.quote-chip{color:#115e59;background:#f0fdfa;border:1px solid #99f6e4;border-radius:999px;align-items:center;gap:8px;max-width:100%;margin-bottom:8px;padding:6px 8px 6px 12px;display:flex}.quote-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.quote-chip button{color:#115e59;background:0 0;border:0;padding:0 6px;font-size:16px;line-height:1}.mermaid{margin:.6em 0;overflow:auto}.mermaid svg{max-width:100%;height:auto}.mermaid-error{color:#991b1b;white-space:pre-wrap;background:#fef2f2;border-radius:8px;margin:.5em 0;padding:10px 12px}.mermaid-pending{color:#78716c;margin:.5em 0}.dev-steps{flex-direction:column;gap:6px;margin:0 0 8px;padding:0;list-style:none;display:flex}.dev-steps li{flex-wrap:wrap;align-items:baseline;gap:6px;font-size:14px;display:flex}.dev-steps li[data-status=done]{color:#115e59}.dev-steps li[data-status=running]{color:#1c1917;font-weight:600}.dev-steps li[data-status=error]{color:#991b1b}.dev-steps li[data-status=pending]{color:#a8a29e}.dev-mark{width:1.2em}.dev-steps small{color:#78716c;flex-basis:100%;margin-left:1.6em;font-weight:400}.sidebar{color:#f5f5f4;background:#1c1917;flex-direction:column;flex:none;gap:16px;width:280px;min-width:180px;height:100%;min-height:0;padding:16px;display:flex;overflow:hidden}.sidebar section{flex-direction:column;min-height:0;display:flex;overflow:hidden}.sidebar>section.grow{flex:auto}.sidebar h2{letter-spacing:.04em;color:#a8a29e;margin:0;font-size:13px}.brand{justify-content:space-between;align-items:center;display:flex}.brand strong{font-size:18px}.new-chat-wrap{position:relative}.new-chat{background:#0f766e;border:1px solid #0f766e;border-radius:8px;align-items:stretch;display:inline-flex;overflow:hidden}.new-chat>button{color:#fff;background:#0f766e;border:0;border-radius:0;padding:6px 10px}.new-chat>button+button{border-left:1px solid #ffffff73;padding-left:8px;padding-right:8px}.new-chat-menu{z-index:6;background:#fff;border:1px solid #e7e5e4;border-radius:8px;flex-direction:column;gap:2px;min-width:112px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #1c19171f}.new-chat-menu button{color:#1c1917;text-align:left;background:#fff;border:0}.nav-list li button.conv{white-space:normal;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.conv-title{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.conv-mode{color:#a8a29e;font-size:11px;line-height:1.2}.mode-mark{color:#fff;background:#0f766e;border-radius:999px;align-items:center;padding:6px 14px;font-size:14px;font-weight:700;display:inline-flex}.sidebar button{color:#f5f5f4;background:#292524;border-color:#44403c}.nav-list,.skill-list,.suggest{flex-direction:column;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.nav-list,.skill-list{min-height:0;overflow:auto}.nav-list li,.section-head,.row-actions,.composer-actions,.chips{align-items:center;gap:6px;display:flex}.nav-list li button:first-child{text-align:left;flex:1;min-width:0}.nav-list li button.active{border-color:#14b8a6}.grow{flex:1;min-height:0}.section-head{justify-content:space-between}.skill-list li{background:#fff;border:1px solid #e7e5e4;border-radius:10px;padding:8px}.right-rail .skill-main,.right-rail .row-actions button{color:#1c1917;background:#fff;border-color:#d6d3d1}.right-rail .skill-main small{color:#78716c}.skill-list li.picked{border-color:#14b8a6}.skill-main{text-align:left;width:100%;color:inherit;background:0 0;border:0;padding:0}.skill-main span,.suggest small,.skill-main small{display:block}.skill-main small,.suggest small,.muted{color:#a8a29e;font-size:12px}.row-actions{margin-top:8px}.row-actions button,.ghost{padding:4px 8px;font-size:12px}.chat{background:#f7f4ee;flex-direction:column;flex:auto;align-self:stretch;min-width:320px;height:100%;min-height:0;display:flex;overflow:hidden}.composer{padding:16px 20px}.prd-toggle[aria-pressed=true]{color:#fff;background:#0f766e;border-color:#0f766e}.right-rail,.prd-drawer{background:#fff;border-left:0;flex-direction:column;flex:none;align-self:stretch;width:440px;min-width:0;height:auto;min-height:0;max-height:100%;display:flex;position:relative;overflow:hidden}.rail-panel{flex-direction:column;flex:auto;height:100%;min-height:0;display:flex;overflow:hidden}.rail-body{flex:auto;min-height:0;padding:14px 16px 20px;overflow:auto}.error,.phase-bar,.gate{flex:none}.phase-bar{gap:8px;padding:10px 20px 0;display:flex}.phase-bar button{background:#fff;flex:1}.phase-bar button[aria-current=step]{color:#fff;background:#0f766e;border-color:#0f766e;font-weight:600}.gate{background:#fff;border:1px solid #e7e5e4;border-radius:12px;max-height:220px;margin:8px 20px 0;padding:10px 12px;overflow:auto}.gate strong{display:block}.gate textarea{resize:vertical;background:#fffefb;border:1px solid #d6d3d1;border-radius:8px;width:100%;margin-top:6px;padding:8px}.gate-actions,.composer-side{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.check-list{margin:8px 0 0;padding-left:18px}.sample-label{color:#57534e;margin-top:8px;font-size:13px;display:block}.trial{border-top:1px solid #e7e5e4;margin-top:8px;padding-top:8px}.messages{flex-direction:column;flex:auto;gap:12px;min-width:0;min-height:0;padding:8px 20px 20px;display:flex;overflow:auto}.bubble{background:#fff;border:1px solid #e7e5e4;border-radius:14px;max-width:760px;padding:12px 14px}.bubble.user{background:#ecfdf5;align-self:flex-end}.bubble.assistant{overflow-x:auto}.who{color:#78716c;margin-bottom:4px;font-size:12px}.agent-turn{flex-direction:column;gap:8px;max-width:760px;display:flex}.process{color:#57534e;background:#fafaf9;border:1px solid #e7e5e4;border-radius:10px;padding:8px 12px;font-size:13px}.process summary{cursor:pointer;color:#78716c}.process ol{margin:8px 0 0;padding-left:18px}.process li{flex-direction:column;gap:2px;margin:4px 0;display:flex}.step-name{color:#1c1917;font-family:ui-monospace,Consolas,monospace}.step-detail,.process-note{color:#78716c;white-space:pre-wrap;word-break:break-word;margin:6px 0 0}.bubble pre,.dialog pre{white-space:pre-wrap;word-break:break-word;margin:0;font:14px/1.6 ui-monospace,Consolas,monospace}.md{word-break:break-word;font:15px/1.65 Segoe UI,PingFang SC,Noto Sans SC,sans-serif}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md p{margin:.45em 0}.md h1,.md h2,.md h3,.md h4{margin:.7em 0 .35em;font-size:1.05em;line-height:1.35}.md ul,.md ol{margin:.4em 0;padding-left:1.3em}.md a{color:#0f766e}.md code{background:#f5f5f4;border-radius:4px;padding:0 4px;font-family:ui-monospace,Consolas,monospace;font-size:.92em}.md pre{background:#fafaf9;border:1px solid #e7e5e4;border-radius:8px;margin:.5em 0;padding:10px 12px;font:13px/1.55 ui-monospace,Consolas,monospace;overflow:auto}.md pre code{background:0 0;padding:0}.md table{border-collapse:collapse;width:100%;margin:.6em 0;font-size:14px}.md th,.md td{text-align:left;vertical-align:top;border:1px solid #e7e5e4;padding:6px 8px}.md th{background:#fafaf9;font-weight:600}.pending{color:#78716c;margin:0}.refs,.save-bar,.chips{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.refs span,.chips button,.save-bar button{color:#115e59;background:#f0fdfa;border-color:#99f6e4}.error{color:#991b1b;background:#fef2f2;border-radius:8px;margin:0 20px;padding:8px 10px}.composer{background:#fff;border-top:1px solid #e7e5e4;flex:none;position:relative}.workspace{color:#f5f5f4;background:#1c1917;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;padding:10px 12px;display:flex}.workspace strong{letter-spacing:.04em;font-size:13px}.workspace .muted{color:#a8a29e}.workspace-name{color:#99f6e4;white-space:nowrap;min-width:0;max-width:100%;font-size:13px;overflow-x:auto}.workspace-note{color:#fdba74;font-size:12px}.workspace-actions{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.workspace button{color:#f5f5f4;background:#292524;border-color:#44403c}.composer textarea{resize:none;background:#fffefb;border:1px solid #d6d3d1;border-radius:12px;width:100%;max-height:220px;padding:10px 12px;overflow-y:auto}.composer-actions{justify-content:space-between;margin-top:8px}.debug-hint{color:#a8a29e;pointer-events:none;margin:0;font-size:11px;line-height:1.2}.composer-actions>button,.brand button{color:#fff;background:#0f766e;border-color:#0f766e}.mode-switch{background:#fff;border:1px solid #0f766e;border-radius:999px;display:inline-flex;overflow:hidden}.composer-actions .mode-switch button{color:#115e59;background:0 0;border:none;border-radius:0;padding:6px 14px}.composer-actions .mode-switch button[aria-pressed=true]{color:#fff;background:#0f766e;font-weight:700}.suggest{background:#fff;border:1px solid #e7e5e4;border-radius:12px;padding:8px;position:absolute;bottom:calc(100% - 8px);left:20px;right:20px;box-shadow:0 10px 30px #1c191714}.suggest button{text-align:left;background:0 0;border:0;width:100%}.modal{z-index:20;background:#1c191773;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.dialog{background:#fff;border-radius:16px;width:min(760px,100%);max-height:86vh;padding:16px;overflow:auto}.dialog header{justify-content:space-between;align-items:center;display:flex}.dialog h3{margin:16px 0 8px;font-size:14px}.dialog pre{background:#fafaf9;border-radius:8px;padding:10px}@media (max-width:800px){.app{flex-direction:column;height:100dvh;overflow:hidden}.pane-resizer{display:none}.sidebar{flex:0 0 42dvh;min-width:0;max-height:none;width:100%!important}.chat{min-width:0}.right-rail,.prd-drawer{border-top:1px solid #e7e5e4;border-left:0;min-width:0;flex:40%!important;width:100%!important}}.login{place-items:center;height:100%;padding:24px;display:grid}.login-card{background:#fff;border-radius:16px;flex-direction:column;gap:12px;width:min(360px,100%);padding:24px;display:flex;box-shadow:0 8px 30px #1c191714}.login-card strong{font-size:18px}.login-card label{color:#57534e;flex-direction:column;gap:4px;font-size:13px;display:flex}.login-card input{font:inherit;border:1px solid #d6d3d1;border-radius:8px;padding:8px 10px}.login-card input:focus{outline-offset:0;outline:2px solid #14b8a6}.login-card button[type=submit]{color:#fff;background:#0f766e;border-color:#0f766e}.login-error{color:#b91c1c;margin:0;font-size:13px}.account{color:#a8a29e;border-top:1px solid #292524;justify-content:space-between;align-items:center;gap:8px;padding-top:12px;font-size:13px;display:flex}.account span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.llm-pick{font:inherit;color:#1c1917;background:#fff;border:1px solid #d6d3d1;border-radius:999px;padding:2px 6px;font-size:12px}.sync-summary{color:#a7f3d0;font-size:12px}.sync-dialog{flex-direction:column;gap:12px;width:min(1080px,100%);display:flex}.sync-dialog header{flex-wrap:wrap;gap:12px}.sync-state{color:#0f766e;margin-right:auto;font-size:13px}.sync-tools{flex-wrap:wrap;gap:6px;display:flex}.sync-message{color:#9a3412;background:#fff7ed;border-radius:8px;margin:0;padding:8px 10px;font-size:13px}.sync-confirm{background:#ecfdf5;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.sync-confirm span{margin-right:auto}.sync-panes{grid-template-columns:1fr 1fr;gap:12px;min-height:0;display:grid}.sync-pane{border:1px solid #e7e5e4;border-radius:12px;min-width:0;max-height:46vh;padding:10px;overflow:auto}.sync-pane h3,.sync-log h3{align-items:center;gap:8px;margin:0 0 8px;font-size:14px;display:flex}.sync-pane h3 small{color:#78716c;font-weight:400}.sync-pane h3 button{margin-left:auto;padding:4px 8px;font-size:12px}.sync-files,.sync-log ol{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.sync-files li,.sync-log li{border-radius:6px;align-items:center;gap:8px;padding:4px 6px;font-size:13px;display:flex}.sync-files li:hover{background:#fafaf9}.sync-files button{padding:2px 8px;font-size:12px}.sync-path{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.sync-files small,.sync-log small{color:#78716c;white-space:nowrap}.sync-badge{color:#57534e;white-space:nowrap;background:#f5f5f4;border-radius:999px;padding:1px 6px;font-size:11px}.sync-badge.synced{color:#047857;background:#ecfdf5}.sync-badge.pending,.sync-badge.unstable{color:#1d4ed8;background:#eff6ff}.sync-badge.conflict,.sync-badge.locked{color:#c2410c;background:#fff7ed}.sync-badge.too-large,.sync-badge.invalid-name{color:#b91c1c;background:#fef2f2}.sync-log{border-top:1px solid #e7e5e4;max-height:24vh;padding-top:10px;overflow:auto}.sync-log time{color:#a8a29e;font-variant-numeric:tabular-nums}.sync-log li.error{color:#b91c1c}@media (max-width:800px){.sync-panes{grid-template-columns:1fr}}