:root{--bg: #f5f6f8;--surface: #ffffff;--ink: #17203a;--muted: #667085;--faint: #98a2b3;--brand: #4f46e5;--brand-soft: #eef2ff;--ok: #16a34a;--ok-soft: #ecfdf3;--warn: #d97706;--warn-soft: #fffaeb;--danger: #dc2626;--danger-soft: #fef3f2;--border: #e7eaf0;--radius: 12px;--shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 1px 3px rgba(16, 24, 40, .07);--shadow-lg: 0 8px 24px rgba(16, 24, 40, .12);--mono: ui-monospace, "Cascadia Code", Consolas, monospace}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font:14px/1.6 -apple-system,Segoe UI,Microsoft YaHei,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--brand);text-decoration:none}button{font:inherit;cursor:pointer}.topbar{position:sticky;top:0;z-index:20;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.topbar-inner{max-width:min(1720px,96vw);margin:0 auto;padding:0 24px;height:56px;display:flex;align-items:center;gap:12px}.logo{display:flex;align-items:center;gap:9px;font-weight:700;font-size:15px;color:var(--ink)}.logo-dot{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at center,#fff 0 26%,var(--brand) 30%);box-shadow:0 0 0 1px var(--brand-soft)}.logo small{color:var(--faint);font-weight:500}.container{max-width:min(1720px,96vw);margin:0 auto;padding:28px 24px 80px}@media (min-width: 2200px){body{font-size:15px}.container,.topbar-inner{max-width:2040px}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--surface);color:var(--ink);padding:7px 14px;border-radius:9px;font-weight:500;transition:all .15s}.btn:hover{border-color:var(--faint)}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn-primary:hover{background:#4338ca}.btn-ok{background:var(--ok);border-color:var(--ok);color:#fff}.btn-ok:hover{filter:brightness(.94)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:4px 10px;font-size:13px}.pill{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;background:#f2f4f7;color:var(--muted)}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.pill.running,.pill.deploying{background:var(--brand-soft);color:var(--brand)}.pill.completed,.pill.pass{background:var(--ok-soft);color:var(--ok)}.pill.waiting_input{background:var(--warn-soft);color:var(--warn)}.pill.failed{background:var(--danger-soft);color:var(--danger)}.pill.ready{background:#f0f9ff;color:#0369a1}h1{font-size:22px;font-weight:700;letter-spacing:-.01em}h2{font-size:16px;font-weight:650}.muted{color:var(--muted)}.faint{color:var(--faint);font-size:12.5px}.mono{font-family:var(--mono);font-size:12.5px}select{width:100%;border:1px solid var(--border);border-radius:9px;padding:9px 12px;font:inherit;color:var(--ink);background:#fff;cursor:pointer}select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #4f46e51f}input[type=text],input[type=password],input[type=email],input[type=number],input[type=search],input[type=url],textarea{width:100%;border:1px solid var(--border);border-radius:9px;padding:9px 12px;font:inherit;color:var(--ink);background:#fff;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}input:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #4f46e51f}textarea{resize:vertical;min-height:90px}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}.product-card{padding:20px;display:flex;flex-direction:column;gap:10px;transition:box-shadow .2s,transform .2s}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.product-card .name{font-size:16px;font-weight:650;color:var(--ink)}.product-card .desc{color:var(--muted);font-size:13px;min-height:20px}.product-card .meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:auto}.badge-q{background:var(--warn);color:#fff;border-radius:999px;font-size:11px;font-weight:700;padding:1px 8px}.empty{text-align:center;padding:70px 20px;color:var(--muted)}.empty .big{font-size:40px;margin-bottom:12px}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#17203a73;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;z-index:50}.modal{width:520px;max-width:92vw;padding:24px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-lg);max-height:84vh;overflow-y:auto}.modal h2{margin-bottom:2px}.modal .actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.stages{display:flex;align-items:flex-start;gap:0;overflow-x:auto;padding:18px 8px 10px}.stage{display:flex;flex-direction:column;align-items:center;min-width:92px;position:relative}.stage:not(:last-child):after{content:"";position:absolute;top:11px;left:calc(50% + 14px);right:calc(-50% + 14px);height:2px;background:var(--border);border-radius:2px}.stage.done:not(:last-child):after{background:var(--ok)}.stage-dot{width:22px;height:22px;border-radius:50%;z-index:1;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid var(--border);color:var(--faint);font-size:11px;font-weight:700}.stage.done .stage-dot{background:var(--ok);border-color:var(--ok);color:#fff}.stage.active .stage-dot{border-color:var(--brand);color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}.stage.gate-waiting .stage-dot{border-color:var(--warn);color:var(--warn);box-shadow:0 0 0 4px var(--warn-soft);animation:pulse 1.6s infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 3px var(--warn-soft)}50%{box-shadow:0 0 0 7px #d977061f}}.stage-label{margin-top:8px;font-size:12px;color:var(--muted);text-align:center;white-space:nowrap}.stage.active .stage-label,.stage.gate-waiting .stage-label{color:var(--ink);font-weight:600}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin:20px 0 18px}.tab{border:none;background:none;padding:9px 16px;color:var(--muted);font-weight:550;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--ink)}.tab.on{color:var(--brand);border-bottom-color:var(--brand)}.tab .n{background:var(--warn);color:#fff;border-radius:999px;font-size:11px;padding:0 6px;margin-left:6px;font-weight:700}.task-row{display:flex;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid var(--border)}.task-row:last-child{border-bottom:none}.task-kind{font-size:11px;font-weight:700;padding:2px 7px;border-radius:6px;background:#f2f4f7;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;min-width:58px;text-align:center}.task-kind.produce{background:var(--brand-soft);color:var(--brand)}.task-kind.review{background:#fdf2fa;color:#c11574}.task-kind.gate{background:var(--warn-soft);color:var(--warn)}.task-kind.deploy{background:#ecfdff;color:#0e7090}.task-kind.check{background:var(--ok-soft);color:var(--ok)}.task-kind.fix{background:var(--danger-soft);color:var(--danger)}.task-name{flex:1}.q-card{padding:18px 20px;border-left:4px solid var(--warn);display:flex;flex-direction:column;gap:10px}.q-card .q-ctx{color:var(--muted);font-size:13px}.q-card .q-prompt{font-weight:600;font-size:15px}.q-actions{display:flex;gap:10px;align-items:flex-start}.q-actions textarea{flex:1;min-height:64px}.q-buttons{display:flex;flex-direction:column;gap:8px}.timeline{padding:6px 20px 14px}.tl-row{display:flex;gap:14px;position:relative;padding:8px 0 8px 22px}.tl-row:before{content:"";position:absolute;left:6px;top:16px;width:8px;height:8px;border-radius:50%;background:var(--faint)}.tl-row.hl:before{background:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.tl-row:not(:last-child):after{content:"";position:absolute;left:9.5px;top:26px;bottom:-10px;width:1px;background:var(--border)}.tl-time{color:var(--faint);font-size:12px;min-width:68px;padding-top:1px}.tl-body{flex:1}.frame-wrap{height:640px}.frame-wrap iframe{width:100%;height:100%;border:none;border-radius:var(--radius);background:#fff}.doc{padding:26px 30px;max-width:860px}.doc h1{font-size:20px;margin:14px 0 8px}.doc h2{font-size:16px;margin:14px 0 6px}.doc h3{font-size:14px;margin:12px 0 4px}.doc p{margin:6px 0}.doc ul,.doc ol{margin:6px 0 6px 22px}.doc code{font-family:var(--mono);font-size:12.5px;background:#f2f4f7;padding:1px 5px;border-radius:4px}.doc pre{background:#0f172a;color:#e2e8f0;padding:14px 16px;border-radius:10px;overflow-x:auto;margin:10px 0}.doc pre code{background:none;color:inherit;padding:0}.doc-nav{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.deliver-hero{padding:26px;display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,#eef2ff,#fff 55%)}.deliver-hero .url{font-size:17px;font-weight:700}.kv{display:grid;grid-template-columns:120px 1fr;gap:6px 14px;padding:18px 22px}.kv dt{color:var(--muted)}.kv dd{margin:0}.section{margin-bottom:18px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.spin{width:14px;height:14px;border:2px solid var(--brand-soft);border-top-color:var(--brand);border-radius:50%;animation:rot .8s linear infinite;display:inline-block;vertical-align:-2px}@keyframes rot{to{transform:rotate(360deg)}}.dag-node{position:absolute;background:var(--surface);border:1.5px solid var(--border);border-radius:10px;padding:7px 10px;cursor:pointer;box-shadow:var(--shadow);transition:box-shadow .15s,transform .15s;display:flex;flex-direction:column;gap:3px}.dag-node:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px);z-index:5}.dag-node.st-completed{border-color:#a6e3c3;background:linear-gradient(180deg,#f4fdf8,#fff)}.dag-node.st-running{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.dag-node.st-waiting_input,.dag-node.is-blocked{border-color:var(--warn);box-shadow:0 0 0 3px var(--warn-soft)}.dag-node.st-failed{border-color:var(--danger);background:linear-gradient(180deg,#fff7f6,#fff)}.dag-node-top{display:flex;align-items:center;gap:6px}.dag-node-name{font-size:12px;font-weight:550;line-height:1.3;word-break:break-word;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.dag-status{margin-left:auto;font-size:11px;font-weight:600;color:var(--faint)}.dag-status.st-completed{color:var(--ok)}.dag-status.st-running{color:var(--brand)}.dag-status.st-waiting_input{color:var(--warn)}.dag-status.st-failed{color:var(--danger)}.dyn-flag{color:var(--warn);font-size:12px}.node-ctl{border:none;border-radius:6px;width:22px;height:22px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:11px;cursor:pointer;flex-shrink:0;transition:transform .1s,filter .1s}.node-ctl:hover{transform:scale(1.15);filter:brightness(.95)}.node-ctl:disabled{opacity:.5}.node-ctl-stop{background:var(--danger-soft);color:var(--danger)}.node-ctl-go{background:var(--ok-soft);color:var(--ok)}.lg-box{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:3px;vertical-align:-1px}.lg-done{background:#a6e3c3}.lg-run{background:var(--brand)}.lg-wait{background:var(--warn)}.lg-fail{background:var(--danger)}.lg-idle{background:#c9cfda}.gantt-row{display:flex;align-items:center;height:34px;cursor:pointer;border-radius:8px}.gantt-row:hover{background:#f8f9fc}.gantt-label{width:300px;display:flex;align-items:center;gap:6px;padding-right:12px}.gantt-name{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gantt-chart{position:relative;height:100%}.gantt-grid{position:absolute;top:0;bottom:0;width:1px;background:#f0f2f6}.gantt-create{position:absolute;top:50%;width:8px;height:8px;transform:translateY(-50%) rotate(45deg);background:var(--faint);border-radius:1px;z-index:2}.gantt-bar{position:absolute;top:50%;transform:translateY(-50%);height:12px;border-radius:6px;background:#c9cfda;z-index:1}.gantt-bar.st-completed{background:#6fcf97}.gantt-bar.st-running{background:var(--brand);animation:barPulse 1.5s infinite}.gantt-bar.st-waiting_input{background:var(--warn)}.gantt-bar.st-failed{background:var(--danger)}@keyframes barPulse{0%,to{opacity:1}50%{opacity:.65}}.drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#17203a59;z-index:60}.drawer{position:fixed;top:0;right:0;bottom:0;width:460px;max-width:92vw;border-radius:0;border:none;border-left:1px solid var(--border);padding:22px 24px;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideIn .18s ease-out}@keyframes slideIn{0%{transform:translate(30px);opacity:0}to{transform:none;opacity:1}}.drawer-wide{width:680px}.attempt-head{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer}.attempt-head:hover{background:#f8f9fc}.insp-tabs{display:flex;gap:2px;padding:6px 10px 0;border-bottom:1px solid var(--border)}.insp-tab{border:none;background:none;padding:6px 12px;font-size:12.5px;font-weight:550;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer}.insp-tab.on{color:var(--brand);border-bottom-color:var(--brand)}.insp-body{padding:12px 14px}.insp-label{font-size:11px;font-weight:700;color:var(--faint);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.insp-pre{font-family:var(--mono);font-size:12px;line-height:1.55;white-space:pre-wrap;background:#f8f9fc;border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin:0}.ev-row{display:flex;gap:8px;align-items:baseline;padding:3px 0;font-size:12.5px}.ev-type{font-family:var(--mono);font-size:11px;padding:1px 7px;border-radius:5px;background:#f2f4f7;color:var(--muted);white-space:nowrap}.ev-type.ev-run{background:var(--brand-soft);color:var(--brand)}.ev-type.ev-result{background:var(--ok-soft);color:var(--ok)}.ev-type.ev-intervention{background:var(--warn-soft);color:var(--warn)}.ev-type.ev-artifact{background:#ecfdff;color:#0e7090}.ev-msg{color:var(--muted);overflow:hidden;text-overflow:ellipsis}.diff-view{background:#0f172a;color:#cbd5e1;border:none}.diff-view .dl-add{color:#86efac;background:#22c55e1f}.diff-view .dl-del{color:#fca5a5;background:#ef44441f}.diff-view .dl-hunk{color:#93c5fd}.diff-view .dl-file{color:#fcd34d;font-weight:700}.lib-panes{display:flex;gap:14px;align-items:stretch;min-height:560px}.lib-tree{width:280px;flex-shrink:0;padding:10px 6px;overflow-y:auto;max-height:74vh}.tree-row{padding:5px 10px;border-radius:7px;cursor:pointer;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-row:hover{background:#f4f6fa}.tree-row.on{background:var(--brand-soft);color:var(--brand);font-weight:600}.tree-row.dir{color:var(--muted);font-weight:550}.tree-caret{display:inline-block;width:12px;color:var(--faint)}.lib-view{flex:1;min-width:0;display:flex;flex-direction:column}.lib-view-head{padding:10px 18px;border-bottom:1px solid var(--border);font-size:12.5px;color:var(--muted);display:flex;align-items:center}.lib-view-body{padding:18px 24px;overflow:auto;max-height:70vh}.lib-code{font-family:var(--mono);font-size:12.5px;line-height:1.55;background:#0f172a;color:#e2e8f0;padding:16px 18px;border-radius:10px;overflow:auto}.lib-history{width:260px;flex-shrink:0;overflow-y:auto;max-height:74vh}.lib-history-head{padding:12px 14px 8px;font-weight:650;border-bottom:1px solid var(--border)}.hist-row{padding:9px 14px;border-bottom:1px solid var(--border);cursor:pointer}.hist-row:hover{background:#f8f9fc}.hist-row.on{background:var(--brand-soft)}.hist-row .faint{font-size:11px}.req-raw{font:13px/1.7 inherit;white-space:pre-wrap;background:#f8f9fc;border:1px solid var(--border);border-radius:10px;padding:14px 16px;margin:0}.qa-item{border-bottom:1px dashed var(--border);padding:12px 0}.qa-item:last-child{border-bottom:none}.qa-q{display:flex;gap:10px;align-items:flex-start}.qa-num{width:22px;height:22px;flex-shrink:0;border-radius:50%;background:var(--ink);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:2px}.qa-a{margin:8px 0 0 32px;padding:9px 14px;border-radius:10px;background:var(--ok-soft);display:flex;gap:10px;align-items:baseline}.qa-a.pending{background:var(--warn-soft)}.qa-a-mark{flex-shrink:0;font-size:11px;font-weight:700;color:var(--ok);border:1px solid currentColor;border-radius:5px;padding:0 5px}.proto-panes{display:flex;gap:14px}.proto-nav{width:240px;flex-shrink:0;padding:8px;align-self:flex-start;max-height:70vh;overflow-y:auto}.proto-page{padding:9px 12px;border-radius:8px;cursor:pointer}.proto-page:hover{background:#f4f6fa}.proto-page.on{background:var(--brand-soft)}.proto-page.on>div:first-child{color:var(--brand)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:10px 18px;border-radius:10px;box-shadow:var(--shadow-lg);z-index:100;font-size:13px}.ev-expandable{cursor:pointer;border-radius:6px}.ev-expandable:hover{background:#f4f6fa}.ev-console{display:flex;flex-direction:column;gap:10px;padding:4px 2px}.ev-block-head{display:flex;gap:8px;align-items:baseline;margin-bottom:3px}.ev-body{font-family:var(--mono);font-size:12px;line-height:1.5;white-space:pre-wrap;background:#f8f9fc;border:1px solid var(--border);border-radius:8px;padding:8px 12px;margin:0 0 0 68px}.ev-body-cmd{background:#0f172a;color:#d1e3f8;border:none}.ev-text{font-size:13px;line-height:1.65;white-space:pre-wrap;color:var(--ink);background:var(--brand-soft);border-radius:8px;padding:8px 12px;margin-left:68px}.ev-time{float:left;width:60px;padding-top:2px}.ev-md{margin-left:68px;padding:4px 2px;font-size:13.5px;max-width:none}.ev-md p{margin:4px 0}.ev-reason{color:var(--muted);font-style:italic;font-size:12.5px}.cl-tool{margin-left:68px;font-size:13px;font-family:var(--mono)}.cl-tool b{color:var(--brand)}.cl-result{margin:2px 0 0 68px;font-family:var(--mono);font-size:12px;line-height:1.5;color:var(--muted);white-space:pre-wrap;border-left:2px solid var(--border);padding-left:8px}.cl-result-err{color:var(--danger);border-left-color:var(--danger)}.cx-prompt{color:#7dd3a0;font-weight:700}.cx-exit{color:#fca5a5}.ev-kv{margin-left:68px;font-size:12.5px;background:#f8f9fc;border:1px solid var(--border);border-radius:8px;padding:8px 12px;display:flex;flex-direction:column;gap:3px}.ev-kv-k{color:var(--faint);font-family:var(--mono);font-size:11.5px;margin-right:8px}.ev-kv-v{color:var(--ink);word-break:break-all}.ev-todo{margin-left:68px;font-size:13px;line-height:1.7;background:#f8f9fc;border-radius:8px;padding:8px 12px}.dag-node-stats{font-size:11px;padding:0 8px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}