:root{--procs-blue:#0B5BD3;--procs-blue-deep:#083E8F;--procs-blue-soft:rgba(11,91,211,.14);--hec-orange:#F08C1E;--hec-orange-soft:rgba(240,140,30,.14);--success:#2E9E5B;--warning:#D9930D;--danger:#D2434B;--ai-violet:#7A5AF8;--ai-violet-soft:rgba(122,90,248,.14);--radius-ctl:6px;--radius-card:8px;--radius-modal:10px;--font-ui:"HarmonyOS Sans SC","PingFang SC","Microsoft YaHei","Source Han Sans SC",system-ui,sans-serif;--font-mono:"JetBrains Mono","Sarasa Mono SC","Cascadia Mono",Consolas,monospace;--font-num:"Barlow","DIN Alternate",var(--font-ui)}[data-theme=dark]{--bg-base:#101418;--bg-surface:#171C22;--bg-raised:#1F262E;--bg-hover:#232B34;--border:#2A323C;--border-strong:#38424E;--text-1:#E8ECF1;--text-2:#9AA6B2;--text-3:#5C6773;--code-bg:#12161B;--shadow-modal:0 24px 64px rgba(0,0,0,.55)}[data-theme=light]{--bg-base:#F6F8FA;--bg-surface:#FFFFFF;--bg-raised:#FFFFFF;--bg-hover:#EEF2F6;--border:#E3E8EE;--border-strong:#CBD4DE;--text-1:#1B2430;--text-2:#5B6774;--text-3:#98A3AF;--code-bg:#F1F4F8;--shadow-modal:0 24px 64px rgba(20,36,58,.22)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-ui);font-size:13px;line-height:1.5;color:var(--text-1);background:var(--bg-base);-webkit-font-smoothing:antialiased;overflow:hidden}button{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;cursor:pointer}button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--procs-blue);outline-offset:2px;border-radius:4px}.app{display:grid;height:100vh;grid-template-rows:44px 1fr 28px;grid-template-columns:56px 1fr 380px;grid-template-areas:"titlebar titlebar titlebar" "nav main ai" "status status status"}@media(max-width:1100px){.app{grid-template-columns:56px 1fr 0}.ai-panel{display:none}}.ic{width:1em;height:1em;flex:0 0 auto;display:inline-block;vertical-align:-.14em;stroke-width:1.9}.titlebar{grid-area:titlebar;display:flex;align-items:center;gap:16px;height:44px;box-sizing:border-box;padding:0 12px;background:var(--bg-surface);border-bottom:1px solid var(--border);-webkit-app-region:drag;-webkit-user-select:none;user-select:none}.brand{display:flex;align-items:center;gap:8px;min-width:305px}.brand-lockup{width:109px;height:44px;display:block;flex:0 0 auto;object-fit:contain}.brand-product{display:flex;align-items:baseline;gap:7px;min-width:0;padding-left:10px;border-left:1px solid var(--border-strong);font-size:18px;font-weight:700;line-height:1;letter-spacing:-.2px;color:var(--text-1);white-space:nowrap}.brand-version{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:0;color:var(--text-3)}.proj-switch{-webkit-app-region:no-drag;display:flex;align-items:center;gap:8px;height:30px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-ctl);background:var(--bg-base);color:var(--text-1)}.proj-switch:disabled{opacity:.85;cursor:default}.proj-switch:hover:not(:disabled){background:var(--bg-hover)}.proj-switch-name{font-size:12.5px}.proj-switch .chip{font-size:11px;color:var(--hec-orange);border:1px solid var(--hec-orange);border-radius:4px;padding:0 6px;line-height:16px}.proj-switch .caret{color:var(--text-3);display:grid;place-items:center;font-size:12px}.proj-switch .caret .ic{width:12px;height:12px}.search{-webkit-app-region:no-drag;flex:1;max-width:420px;margin:0 auto;display:flex;align-items:center;gap:8px;height:30px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-ctl);background:var(--bg-base);color:var(--text-3)}.search .ic{width:14px;height:14px;opacity:.85}.search kbd{margin-left:auto;font-family:var(--font-mono);font-size:10px;border:1px solid var(--border);border-radius:4px;padding:1px 5px;color:var(--text-3)}.title-actions{-webkit-app-region:no-drag;display:flex;align-items:center;gap:8px;margin-left:auto}.icon-btn{width:30px;height:30px;border-radius:var(--radius-ctl);display:grid;place-items:center;color:var(--text-2)}.icon-btn:hover{background:var(--bg-hover);color:var(--text-1)}.icon-btn .ic{width:16px;height:16px}.win-ctl{display:flex;gap:2px;margin-left:6px}.win-ctl .win-btn{width:34px;height:30px;display:grid;place-items:center;color:var(--text-3);border-radius:4px}.win-ctl .win-btn .ic{width:12px;height:12px}.win-ctl .win-btn:hover{background:var(--bg-hover);color:var(--text-1)}.win-ctl .close:hover{background:var(--danger);color:#fff}.nav{grid-area:nav;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:10px 0;gap:4px}.nav-item{position:relative;width:40px;height:40px;border-radius:8px;display:grid;place-items:center;color:var(--text-2)}.nav-item:hover{background:var(--bg-hover);color:var(--text-1)}.nav-item.active{color:var(--procs-blue);background:var(--procs-blue-soft)}.nav-item.active:before{content:"";position:absolute;left:-8px;top:9px;width:3px;height:22px;border-radius:2px;background:var(--procs-blue)}.nav-item .tip{position:absolute;left:52px;top:50%;transform:translateY(-50%);white-space:nowrap;background:var(--bg-raised);border:1px solid var(--border);border-radius:6px;padding:4px 10px;font-size:12px;color:var(--text-1);opacity:0;pointer-events:none;transition:opacity .12s;z-index:50;box-shadow:var(--shadow-modal)}.nav-item:hover .tip{opacity:1}.nav-spacer{flex:1}.nav .ic,.nav svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.nav-item:disabled{opacity:.55;cursor:default}.nav-item:disabled:hover{background:transparent;color:var(--text-2)}.main{grid-area:main;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg-base);position:relative}.pipeline{height:64px;flex:none;display:flex;align-items:center;gap:0;padding:0 20px;background:var(--bg-surface);border-bottom:1px solid var(--border)}.stage{display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:8px;color:var(--text-2)}.stage:hover{background:var(--bg-hover)}.stage .dot{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--border-strong);font-size:12px;color:var(--text-3);flex:none;position:relative;font-family:var(--font-num)}.stage .dot .ic{width:14px;height:14px}.stage .lbl{text-align:left}.stage .lbl b{display:block;font-size:13px;font-weight:600;color:var(--text-2)}.stage .lbl small{font-size:10px;color:var(--text-3)}.stage.done .dot{background:var(--procs-blue);border-color:var(--procs-blue);color:#fff}.stage.done .lbl b{color:var(--text-1)}.stage.running .dot{border-color:var(--ai-violet);color:var(--ai-violet);animation:breath 1.6s ease-in-out infinite}.stage.running .lbl b{color:var(--ai-violet)}.stage.fail .dot{border-color:var(--danger);color:var(--danger)}.stage.fail .lbl b{color:var(--danger)}.stage.current{background:var(--procs-blue-soft)}@keyframes breath{0%,to{box-shadow:0 0 0 0 var(--ai-violet-soft)}50%{box-shadow:0 0 0 6px var(--ai-violet-soft)}}.link{width:34px;height:2px;background:var(--border-strong);margin:0 2px;flex:none;position:relative;overflow:hidden}.link.flow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,var(--procs-blue),transparent);animation:flow 1.4s linear infinite}.link.broken{background:repeating-linear-gradient(90deg,var(--danger) 0 4px,transparent 4px 8px)}@keyframes flow{0%{transform:translate(-100%)}to{transform:translate(100%)}}.pipe-right{margin-left:auto;display:flex;align-items:center;gap:12px}.btn{height:36px;padding:0 18px;border-radius:var(--radius-ctl);font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:background .15s}.btn-primary{background:var(--procs-blue);color:#fff}.btn-primary:hover{background:#1268e6}.btn-primary:active{background:var(--procs-blue-deep)}.btn-primary:disabled{background:var(--border-strong);color:var(--text-3);cursor:not-allowed}.btn-ghost{border:1px solid var(--border);color:var(--text-2);height:32px;font-weight:500}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-1)}.btn-orange{background:var(--hec-orange);color:#fff}.btn-orange:hover{filter:brightness(1.06)}.workspace{flex:1;min-height:0;overflow:hidden;position:relative}.view{position:absolute;top:0;right:0;bottom:0;left:0;display:none;overflow:auto;padding:20px}.view.active{display:block}.view-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.view-head h2{font-size:16px;font-weight:600}.view-head .sub{font-size:12px;color:var(--text-3)}.panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-card)}.panel-h{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);font-size:12px;font-weight:600;color:var(--text-2)}.panel-h .grow{flex:1}.mono{font-family:var(--font-mono);font-size:12px;line-height:1.6}.tpl-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.tpl-chip{font-size:12px;color:var(--text-2);border:1px dashed var(--border-strong);border-radius:999px;padding:4px 12px}.tpl-chip:hover{color:var(--procs-blue);border-color:var(--procs-blue);background:var(--procs-blue-soft)}.req-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-height:420px}.editor-body{padding:14px;white-space:pre-wrap;color:var(--text-1);min-height:280px}.editor-body[data-empty=true]{color:var(--text-3)}.editor-body .md-h{color:var(--procs-blue);font-weight:700}.editor-body .md-li{color:var(--text-2)}.editor-placeholder{color:var(--text-3);font-style:normal;font-family:var(--font-ui);font-size:12.5px;padding:4px 0}.hl-new{background:var(--ai-violet-soft);border-left:2px solid var(--ai-violet);display:block;padding-left:6px;margin-left:-8px}.preview-body{padding:16px 18px;min-height:280px}.preview-empty{color:var(--text-3);font-size:12.5px;padding:8px 0}.preview-body h3{font-size:15px;margin:10px 0 6px}.preview-body h4{font-size:13px;margin:12px 0 4px;color:var(--text-1)}.preview-body p,.preview-body li{font-size:13px;color:var(--text-2)}.preview-body ul{padding-left:18px}.save-dot{width:6px;height:6px;border-radius:50%;background:var(--success)}.spec-grid{display:grid;grid-template-columns:240px 1fr;gap:14px;min-height:420px}.tree{padding:8px}.tree-i{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;color:var(--text-2);font-size:12.5px;cursor:pointer}.tree-i:hover{background:var(--bg-hover)}.tree-i.sel{background:var(--procs-blue-soft);color:var(--procs-blue);font-weight:600}.tree-i.lv2{padding-left:26px}.spec-meta{display:flex;gap:16px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);flex-wrap:wrap}.spec-meta .kv{font-size:11px;color:var(--text-3)}.spec-meta .kv b{color:var(--text-1);font-weight:600;font-family:var(--font-mono)}.diff-pill{font-size:11px;color:var(--warning);border:1px solid var(--warning);border-radius:999px;padding:1px 10px}.spec-item{padding:14px 16px;border-bottom:1px solid var(--border)}.spec-item:last-child{border-bottom:none}.spec-item .sid{font-family:var(--font-mono);font-size:11px;color:var(--text-3)}.spec-item p{font-size:13px;margin-top:4px}.spec-item .anchor{font-size:11px;color:var(--procs-blue);margin-top:6px;display:inline-flex;gap:6px;align-items:center;cursor:pointer}.spec-item .anchor:hover{text-decoration:underline}.code-grid{display:grid;grid-template-columns:220px 1fr;gap:14px;min-height:420px}.crumb{font-family:var(--font-mono);font-size:11px;color:var(--text-3)}.lock-tag{font-size:11px;color:var(--warning);border:1px solid var(--warning);border-radius:4px;padding:1px 8px}.code-body{padding:14px;overflow:auto;background:var(--code-bg);border-radius:0 0 var(--radius-card) var(--radius-card)}.code-body .ln{display:inline-block;width:30px;color:var(--text-3);-webkit-user-select:none;user-select:none;text-align:right;margin-right:14px}.k{color:#c678dd}[data-theme=light] .k{color:#9333ea}.t{color:#e5c07b}[data-theme=light] .t{color:#b45309}.f{color:#61afef}[data-theme=light] .f{color:#0b5bd3}.s{color:#98c379}[data-theme=light] .s{color:#15803d}.c{color:#5c6773;font-style:italic}.n{color:#d19a66}[data-theme=light] .n{color:#c2410c}.rounds{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.round{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:999px;padding:6px 14px;background:var(--bg-surface);font-size:12px;color:var(--text-2);cursor:pointer}.round .st{width:16px;height:16px;border-radius:50%;display:grid;place-items:center;font-size:10px;color:#fff}.round.fail .st{background:var(--danger)}.round.ok .st{background:var(--success)}.round.sel{border-color:var(--procs-blue);background:var(--procs-blue-soft);color:var(--text-1)}.round-arrow{color:var(--text-3)}.build-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:14px}.build-grid .panel{min-height:230px}.err-line{color:var(--danger)}.diff-add{color:var(--success)}.diff-del{color:var(--danger)}.ai-tag{font-size:10px;color:var(--ai-violet);border:1px solid var(--ai-violet);border-radius:4px;padding:0 6px}.artifact{display:flex;align-items:center;gap:18px;padding:14px 18px;flex-wrap:wrap}.artifact .kv{font-size:11px;color:var(--text-3)}.artifact .kv b{display:block;font-family:var(--font-mono);font-size:12px;color:var(--text-1);font-weight:600;margin-top:2px}.ok-ico{width:34px;height:34px;border-radius:8px;background:#2e9e5b26;color:var(--success);display:grid;place-items:center;font-size:16px}.deploy-grid{display:grid;grid-template-columns:340px 1fr;gap:14px}.dev-card{padding:16px}.dev-card .row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px dashed var(--border);font-size:12.5px}.dev-card .row:last-child{border-bottom:none}.dev-card .row .v{font-family:var(--font-mono);color:var(--text-1)}.pill-ok{font-size:11px;color:var(--success);display:inline-flex;align-items:center;gap:6px}.pill-ok:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--success)}.hw-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--hec-orange);border:1px solid var(--hec-orange);border-radius:4px;padding:1px 8px}.steps{padding:6px 0}.step{display:flex;gap:12px;padding:12px 18px;align-items:flex-start}.step .no{width:22px;height:22px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:11px;font-family:var(--font-num);border:1.5px solid var(--border-strong);color:var(--text-3)}.step.done .no{background:var(--success);border-color:var(--success);color:#fff}.step.wait .no{border-color:var(--hec-orange);color:var(--hec-orange)}.step b{font-size:13px;display:block}.step small{color:var(--text-3);font-size:11.5px}.term{background:var(--code-bg);border-top:1px solid var(--border);padding:12px 16px;border-radius:0 0 8px 8px;min-height:110px}.term .p{color:var(--success)}.term .dim{color:var(--text-3)}.ai-panel{grid-area:ai;background:var(--bg-surface);border-left:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.ai-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border)}.ai-head .avatar{width:26px;height:26px;border-radius:8px;background:var(--ai-violet-soft);color:var(--ai-violet);display:grid;place-items:center;font-size:13px}.ai-head .avatar .ic{width:15px;height:15px}.ai-head b{font-size:13px}.ai-head small{display:block;font-size:10.5px;color:var(--text-3)}.local-badge{margin-left:auto;font-size:10px;color:var(--success);border:1px solid var(--success);border-radius:4px;padding:1px 7px;display:flex;align-items:center;gap:4px}.local-badge .ic{width:12px;height:12px}.ai-body{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:12px}.bubble{max-width:92%;border-radius:10px;padding:10px 12px;font-size:12.5px;line-height:1.55}.bubble.user{align-self:flex-end;background:var(--procs-blue);color:#fff;border-bottom-right-radius:3px}.bubble.ai{align-self:flex-start;background:var(--bg-raised);border:1px solid var(--border);border-bottom-left-radius:3px;color:var(--text-1)}.bubble.ai .q{color:var(--text-2)}.adopt{margin-top:8px;font-size:11.5px;color:var(--procs-blue);border:1px solid var(--procs-blue);border-radius:5px;padding:3px 10px}.adopt:hover{background:var(--procs-blue-soft)}.task-card{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-raised);overflow:hidden}.task-h{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border)}.task-h b{font-size:12.5px}.task-h .timer{margin-left:auto;font-family:var(--font-num);font-size:12px;color:var(--text-2)}.task-log{padding:10px 12px;font-family:var(--font-mono);font-size:11px;line-height:1.7;color:var(--text-2);max-height:150px;overflow:auto}.task-log .ok{color:var(--success)}.task-log .err{color:var(--danger)}.task-log .vio{color:var(--ai-violet)}.prog{height:3px;background:var(--border)}.prog i{display:block;height:100%;width:64%;background:var(--ai-violet);transition:width .4s}.ai-input{border-top:1px solid var(--border);padding:12px;display:flex;gap:8px}.ai-input input{flex:1;height:34px;border:1px solid var(--border);background:var(--bg-base);border-radius:var(--radius-ctl);padding:0 12px;color:var(--text-1);font-family:inherit;font-size:12.5px}.ai-input input::placeholder{color:var(--text-3)}.ai-input input:focus{outline:none;border-color:var(--procs-blue)}.send{width:34px;height:34px;border-radius:var(--radius-ctl);background:var(--procs-blue);color:#fff;display:grid;place-items:center}.send .ic{width:15px;height:15px}.send:disabled{opacity:.55;cursor:not-allowed}.statusbar{grid-area:status;display:flex;align-items:center;gap:20px;padding:0 14px;background:var(--bg-surface);border-top:1px solid var(--border);font-size:11px;color:var(--text-2);-webkit-user-select:none;user-select:none}.st-i{display:flex;align-items:center;gap:6px}.st-dot{width:7px;height:7px;border-radius:50%}.st-dot.g{background:var(--success)}.st-dot.o{background:var(--hec-orange)}.statusbar .right{margin-left:auto;display:flex;gap:20px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080c1099;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:none;place-items:center;z-index:100}.overlay.show{display:grid}.modal{width:480px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-modal);border-top:3px solid var(--hec-orange);box-shadow:var(--shadow-modal);overflow:hidden}.modal-b{padding:22px 24px}.modal-b h3{font-size:15px;display:flex;gap:10px;align-items:center;margin-bottom:10px}.warn-ico{width:28px;height:28px;border-radius:7px;background:var(--hec-orange-soft);color:var(--hec-orange);display:grid;place-items:center;font-size:15px;flex:none}.modal-b p{font-size:12.5px;color:var(--text-2);margin-bottom:14px}.modal-b .target{font-family:var(--font-mono);font-size:12px;background:var(--bg-base);border:1px solid var(--border);border-radius:6px;padding:8px 12px;margin-bottom:14px;color:var(--text-1)}.chk{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--text-1);cursor:pointer}.chk input{margin-top:2px;accent-color:var(--hec-orange);width:15px;height:15px}.modal-f{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid var(--border)}.toast{position:fixed;right:400px;bottom:44px;background:var(--bg-raised);border:1px solid var(--border);border-left:3px solid var(--success);border-radius:8px;padding:12px 16px;font-size:12.5px;box-shadow:var(--shadow-modal);display:none;z-index:110;color:var(--text-1)}.toast.show{display:block;animation:pop .2s ease-out}@keyframes pop{0%{transform:translateY(8px);opacity:0}}@media(max-width:1100px){.toast{right:20px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}body.has-demo-banner{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#0a0e12}html[data-theme=light] body.has-demo-banner{background:#dfe5ec}.demo-banner{position:relative;z-index:200;flex:0 0 auto;width:100%;min-height:56px;display:flex;align-items:center;gap:16px;padding:8px 14px;flex-wrap:wrap;background:linear-gradient(90deg,#0b5bd3f7,#083e8ff7);color:#fff;font-size:12px;box-shadow:none;border-bottom:1px solid rgba(0,0,0,.18)}.demo-banner-gap{flex:0 0 10px;height:10px;width:100%;margin:0;padding:0;border:0;background:inherit;pointer-events:none}.demo-banner-brand{display:flex;flex-direction:column;gap:2px;min-width:160px}.demo-banner-brand strong{font-size:12.5px;font-weight:700;letter-spacing:.2px}.demo-banner-hint{font-size:11px;opacity:.88;line-height:1.35}.demo-banner-notice{font-size:11px;line-height:1.35;font-weight:600;color:#ffe08a;opacity:1;letter-spacing:.2px}.demo-step-meta{flex:1;min-width:200px;display:flex;flex-direction:column;gap:2px;padding:4px 12px;border-left:1px solid rgba(255,255,255,.22);border-right:1px solid rgba(255,255,255,.22)}.demo-step-n{font-size:10.5px;font-weight:600;letter-spacing:.4px;opacity:.9}.demo-step-title{font-size:13px;font-weight:700}.demo-step-body{font-size:11.5px;opacity:.9;line-height:1.4;max-width:520px}.demo-banner-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}.demo-banner a{color:#fff;text-decoration:underline;text-underline-offset:2px;font-size:12px}.demo-banner-sep{width:1px;height:18px;background:#ffffff4d;margin:0 4px}.demo-ctl{height:28px;padding:0 12px;border-radius:6px;border:1px solid rgba(255,255,255,.45);background:#ffffff1f;color:#fff;font-weight:600;cursor:pointer;font-family:inherit;font-size:12px;line-height:1}.demo-ctl:hover:not(:disabled){background:#ffffff38}.demo-ctl:disabled{opacity:.4;cursor:not-allowed}.demo-ctl-primary{background:#fff;color:var(--procs-blue-deep);border-color:#fff}.demo-ctl-primary:hover:not(:disabled){background:#f0f5ff;color:var(--procs-blue-deep)}.demo-ctl-primary:disabled{background:#ffffff59;color:#083e8f8c;border-color:transparent}body.has-demo-banner .app{flex:1 1 auto;min-height:0;height:auto;margin-top:0;border-top:1px solid var(--border);box-shadow:0 -1px #ffffff08}@media(max-width:900px){.demo-step-meta{border:none;padding:4px 0;width:100%}}.nav-item.locked{opacity:.55;cursor:default}.nav-item.locked:hover{background:transparent;color:var(--text-2)}.nav-item.demo-pulse{box-shadow:0 0 0 2px var(--procs-blue-soft);animation:nav-pulse 1.4s ease-in-out infinite}@keyframes nav-pulse{0%,to{box-shadow:0 0 0 2px var(--procs-blue-soft)}50%{box-shadow:0 0 0 5px #0b5bd347}}.hidden{display:none!important}.dim{color:var(--text-3)}.page-host{flex:1;min-height:0;overflow:auto;padding:20px;display:none;background:var(--bg-base)}.page-host.is-active{display:block}.workbench-host{flex:1;min-height:0;display:none;flex-direction:column}.workbench-host.is-active{display:flex}.app-page.hidden{display:none!important}.app-page .view-head{margin-bottom:16px}.pc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:320px;padding:32px;border:1px dashed var(--border-strong);border-radius:var(--radius-card);background:var(--bg-surface);text-align:center}.pc-empty-ico{font-size:28px;opacity:.7}.pc-empty b{font-size:15px}.pc-empty p{max-width:360px;margin:0 0 8px}.pc-list{display:grid;gap:14px;max-width:640px}.pc-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:16px 18px;display:flex;flex-direction:column;gap:10px}.pc-card-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pc-card-top b{font-size:14px}.badge-soft{font-size:11px;color:var(--warning);border:1px solid var(--warning);border-radius:999px;padding:1px 8px}.pc-card-meta{font-size:11.5px}.pc-pipe-thumb{display:flex;align-items:center;gap:6px;padding:4px 0}.pc-pipe-thumb .dot-mini{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--border-strong);display:grid;place-items:center;font-size:10px;color:var(--text-3);font-family:var(--font-num)}.pc-pipe-thumb i{width:16px;height:2px;background:var(--border-strong);display:block}.pc-card .btn{align-self:flex-start}.page-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.page-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}@media(max-width:1100px){.page-grid-2,.page-grid-3{grid-template-columns:1fr}}.page-card .page-card-body{padding:14px 16px}.page-card .page-card-body b{display:block;margin-bottom:6px;font-size:13.5px}.page-card .page-card-body p{margin:0 0 10px}.page-stat{display:flex;flex-direction:column;gap:4px}.page-stat b{font-size:28px;font-family:var(--font-num);font-weight:700;color:var(--procs-blue);margin:0}.settings-rows .row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px dashed var(--border);font-size:12.5px}.settings-rows .row:last-child{border-bottom:none}.field-label{display:block;font-size:12px;color:var(--text-2);margin:10px 0 6px;font-weight:600}.field-input{width:100%;height:34px;border:1px solid var(--border);border-radius:var(--radius-ctl);background:var(--bg-base);color:var(--text-1);padding:0 12px;font-family:inherit;font-size:13px}.model-pick{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.model-opt{text-align:left;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-ctl);background:var(--bg-base);display:flex;align-items:center;gap:10px;color:var(--text-2);cursor:default}.model-opt.on{border-color:var(--procs-blue);background:var(--procs-blue-soft);color:var(--text-1)}.overlay .modal{width:min(440px,calc(100vw - 32px))}.modal .chk{margin-top:12px}#createModal{z-index:90}.run-success{display:grid;grid-template-columns:280px 1fr;gap:14px;min-height:360px}.fractal-stage{position:relative;border-radius:var(--radius-card);overflow:hidden;min-height:320px;background:#05080d;border:1px solid var(--border)}.fractal-stage canvas{width:100%;height:100%;display:block;min-height:320px}.fractal-hud{position:absolute;left:12px;top:12px;padding:10px 12px;border-radius:8px;background:#101418b8;border:1px solid rgba(255,255,255,.08);color:#e8ecf1;font-size:11.5px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);line-height:1.5}.fractal-hud b{display:block;font-size:13px;margin-bottom:4px}.ctrl-fake{padding:14px}.ctrl-fake .slider-row{margin:10px 0}.ctrl-fake .slider-row label{display:flex;justify-content:space-between;font-size:11.5px;color:var(--text-2);margin-bottom:4px}.ctrl-fake .bar{height:6px;border-radius:999px;background:var(--border);overflow:hidden}.ctrl-fake .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--procs-blue),var(--ai-violet));width:62%}.theme-pills{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.theme-pills span{font-size:11px;border:1px solid var(--border);border-radius:999px;padding:3px 10px;color:var(--text-2)}.theme-pills span.on{border-color:var(--ai-violet);color:var(--ai-violet);background:var(--ai-violet-soft)}.complete-banner{margin-top:14px;padding:14px 16px;border-radius:var(--radius-card);border:1px solid var(--success);background:#2e9e5b1a;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.complete-banner b{color:var(--success)}.artifact.hidden-soft{opacity:.35;pointer-events:none}.bubble .mono{font-family:var(--font-mono);font-size:11.5px}.ai-body .bubble+.task-card{margin-top:2px}.typing:after{content:"▋";animation:blink 1s step-end infinite;color:var(--ai-violet);margin-left:2px}@keyframes blink{50%{opacity:0}}@media(max-width:1100px){.run-success{grid-template-columns:1fr}.brand{min-width:0}.brand-product{font-size:15px}.search{display:none}}