:root{--bg:#090b12;--bg-rail:#0b0e17;--panel:#11141f;--panel-2:#151926;--panel-3:#1a1f30;--border:#212636;--border-soft:#1a1e2b;--text:#e9edf6;--muted:#8b93a7;--muted-2:#616a80;--violet:#7c5cff;--violet-2:#6a4cf0;--violet-soft:rgba(124,92,255,0.14);--green:#35cf8f;--blue:#4d9fff;--amber:#e6a951;--red:#f0616d;--radius:12px;--radius-sm:9px}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--text);font:13.5px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#2a3043;border-radius:6px}::-webkit-scrollbar-track{background:transparent}.app{display:grid;grid-template-columns:236px 1fr;height:100vh;overflow:hidden}.rail{background:var(--bg-rail);border-right:1px solid var(--border-soft);display:flex;flex-direction:column;padding:16px 14px;gap:14px;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:2px 4px}.brand .logo{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--violet),#a06bff);display:grid;place-items:center;box-shadow:0 4px 14px rgba(124,92,255,.4)}.brand .name{font-weight:700;font-size:15px;letter-spacing:-.01em}.brand .pro{font-size:10px;font-weight:700;color:var(--violet);background:var(--violet-soft);padding:2px 6px;border-radius:5px;letter-spacing:.03em}.btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 14px;border:none;border-radius:10px;color:#fff;font-weight:600;font-size:13px;cursor:pointer;background:linear-gradient(135deg,var(--violet),var(--violet-2));box-shadow:0 6px 18px rgba(108,76,240,.35);transition:transform .12s,box-shadow .12s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(108,76,240,.5)}.nav{flex-direction:column;gap:2px}.nav,.nav a{display:flex}.nav a{align-items:center;gap:11px;padding:9px 11px;border-radius:9px;color:var(--muted);font-weight:500;font-size:13px;transition:background .12s,color .12s}.nav a .ico{width:17px;text-align:center;font-size:15px;opacity:.85}.nav a:hover{background:var(--panel);color:var(--text)}.nav a.active{background:var(--violet-soft);color:#cdbcff}.nav a.active .ico{opacity:1}.rail-label{font-size:10.5px;font-weight:700;letter-spacing:.08em;color:var(--muted-2);text-transform:uppercase;padding:4px 6px;margin-top:4px}.recent{display:flex;flex-direction:column;gap:2px}.recent .item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;cursor:pointer}.recent .item:hover{background:var(--panel)}.recent .item.active{background:var(--panel-2)}.recent .avatar-app{width:26px;height:26px;border-radius:7px;background:var(--panel-3);display:grid;place-items:center;font-size:13px;flex:none}.recent .meta{min-width:0}.recent .t{font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent .s{font-size:11px;display:flex;align-items:center;gap:5px}.recent .s:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.s-active,.s-completed,.s-running{color:var(--green)}.s-scheduled{color:var(--blue)}.s-failed{color:var(--red)}.s-draft,.s-idle{color:var(--muted-2)}.rail-spacer{flex:1 1}.usage{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:13px}.usage .row{display:flex;justify-content:space-between;font-size:12px}.usage .row .k{color:var(--muted)}.usage .row .v{font-weight:700}.bar{height:6px;background:#20263a;margin:9px 0 8px;overflow:hidden}.bar,.bar>i{border-radius:4px}.bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--violet),#a06bff)}.usage .sub{font-size:11px;color:var(--muted-2)}.usercard{display:flex;align-items:center;gap:10px;padding:8px 6px}.avatar{width:30px;height:30px;border-radius:50%;background:#232a40;display:grid;place-items:center;font-size:12px;font-weight:700;color:#cdbcff}.main{display:grid;grid-template-rows:56px 1fr;min-width:0}.topbar{justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--border-soft);background:var(--bg-rail)}.tb-left,.topbar{display:flex;align-items:center}.tb-left{gap:11px}.tb-app{width:26px;height:26px;border-radius:7px;background:var(--panel-3);display:grid;place-items:center;font-size:14px}.tb-title{font-weight:600;font-size:14px}.tb-right{display:flex;gap:10px}.pill,.tb-right{align-items:center}.pill{display:inline-flex;gap:6px;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:600}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.pill.completed,.pill.online,.pill.running{color:var(--green);background:rgba(53,207,143,.12)}.pill.failed{color:var(--red);background:rgba(240,97,109,.12)}.pill.scheduled{color:var(--blue);background:rgba(77,159,255,.12)}.pill.draft,.pill.idle,.pill.queued{color:var(--muted);background:rgba(139,147,167,.12)}.rec{display:inline-flex;align-items:center;gap:7px;color:var(--red);font-size:12px;font-weight:600}.rec .dot{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px rgba(240,97,109,.2);animation:pulse 1.6s infinite}@keyframes pulse{50%{opacity:.45}}.iconbtn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--muted);display:grid;place-items:center;cursor:pointer;font-size:14px}.iconbtn:hover{color:var(--text);background:var(--panel-2)}.btn-agent{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:none;border-radius:9px;color:#fff;font-weight:600;font-size:12.5px;cursor:pointer;background:linear-gradient(135deg,var(--violet),var(--violet-2));box-shadow:0 5px 16px rgba(108,76,240,.35)}.workspace{display:grid;grid-template-columns:1fr 348px;min-height:0}.center{display:flex;flex-direction:column;min-width:0;padding:16px 18px;gap:14px;overflow-y:auto}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border-soft)}.tabs a{padding:9px 14px;font-size:13px;color:var(--muted);font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;align-items:center;gap:7px}.tabs a.active{color:var(--text);border-bottom-color:var(--violet)}.browser{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.chrome{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--panel-2)}.lights{display:flex;gap:6px}.lights i{width:11px;height:11px;border-radius:50%;display:block}.lights i:first-child{background:#ff5f57}.lights i:nth-child(2){background:#febc2e}.lights i:nth-child(3){background:#28c840}.chrome .tabchip{display:inline-flex;gap:6px;background:var(--panel-3);border:1px solid var(--border);border-radius:7px 7px 0 0;padding:5px 10px;font-size:11.5px}.chrome .tabchip,.chrome .url{align-items:center;color:var(--muted)}.chrome .url{flex:1 1;display:flex;gap:8px;background:var(--bg-rail);border:1px solid var(--border);border-radius:8px;padding:6px 11px;font-size:12px}.frame{height:340px;background:#fff}.frame iframe{width:100%;height:100%;border:0}.frame.placeholder{display:grid;place-items:center;background:var(--bg-rail);color:var(--muted-2);font-size:13px}.chrome .liveurl{flex:1 1;background:var(--bg-rail);border:1px solid var(--border);border-radius:8px;padding:6px 11px;font-size:12px;color:var(--text);outline:none}.chrome .liveurl:focus{border-color:rgba(124,92,255,.5)}.btn.sm{padding:5px 11px;font-size:11.5px;border-radius:8px}.btn.sm.rec-on{background:linear-gradient(135deg,#f0616d,#d64550);animation:pulse 1.6s infinite}.frame.live{position:relative;height:auto;aspect-ratio:16/10;max-height:72vh;background:#0e1017;outline:none}.frame.live canvas{width:100%;height:100%;object-fit:contain;background:#fff;image-rendering:auto}.live-empty{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:var(--muted)}.live-empty-in{max-width:260px;padding:20px}.live-bar{display:flex;align-items:center;gap:9px;padding:8px 12px;border-top:1px solid var(--border);background:var(--panel-2)}.dot2{width:8px;height:8px;border-radius:50%;flex:none}.dot2.ok{background:var(--green,#28c840);box-shadow:0 0 0 3px rgba(40,200,64,.16)}.dot2.busy{background:#febc2e;box-shadow:0 0 0 3px rgba(254,188,46,.16)}.dot2.off{background:var(--muted-2)}.live-review{margin-top:12px}.live-review .params .row{margin-top:3px}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.card .head{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border-bottom:1px solid var(--border-soft);font-weight:600;font-size:13px}.card .head .link{font-size:11.5px;color:var(--blue);font-weight:500}.card .body{padding:8px 6px}.steps{display:flex;flex-direction:column}.step{display:flex;align-items:center;gap:11px;padding:8px 11px;border-radius:9px}.step.active{background:var(--violet-soft)}.step .n{width:20px;color:var(--muted-2);font-size:12px;text-align:center}.step .si{width:24px;height:24px;border-radius:7px;background:var(--panel-3);display:grid;place-items:center;font-size:12px;flex:none}.step .lbl{flex:1 1;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step .dur{font-size:11px;color:var(--muted-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.step.active .lbl{color:#cdbcff}.log{display:flex;flex-direction:column;gap:1px;padding:4px 9px;font-size:12px}.log .row{display:flex;gap:10px;padding:3px 0}.log .ts{color:var(--muted-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;flex:none}.log .msg{color:#b9c1d4}.log .msg.hl{color:var(--violet)}.log .msg.heal{color:#f59e0b}.agent{border-left:1px solid var(--border-soft);background:var(--bg-rail);display:flex;flex-direction:column;min-height:0}.agent-head{padding:13px 16px;border-bottom:1px solid var(--border-soft)}.agent-title{display:flex;align-items:center;gap:9px;font-weight:600;font-size:13.5px}.agent-title .ai{width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,var(--violet),#a06bff);display:grid;place-items:center;font-size:11px}.agent-sub{font-size:11px;color:var(--muted);margin:5px 0 0 31px;display:flex;align-items:center;gap:8px}.agent-tabs{display:flex;gap:16px;margin:12px 0 -1px}.agent-tabs a{font-size:12.5px;color:var(--muted);padding-bottom:8px;border-bottom:2px solid transparent}.agent-tabs a.active{color:var(--text);border-bottom-color:var(--violet)}.agent-body{flex:1 1;min-height:0;overflow-y:auto;padding:15px 16px;display:flex;flex-direction:column;gap:14px}.bubble{padding:11px 13px;border-radius:12px;font-size:12.5px;line-height:1.55;max-width:90%}.bubble.ai{background:var(--panel);border:1px solid var(--border);align-self:flex-start;border-bottom-left-radius:4px}.bubble.me{background:linear-gradient(135deg,var(--violet),var(--violet-2));color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.bubble .time{display:block;margin-top:5px;font-size:10px;opacity:.65;text-align:right}.bubble.typing{display:inline-flex;gap:4px;align-items:center}.bubble.typing span{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:fdx-typing 1.2s ease-in-out infinite}.bubble.typing span:nth-child(2){animation-delay:.18s}.bubble.typing span:nth-child(3){animation-delay:.36s}@keyframes fdx-typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.plan{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:13px 14px}.plan .t{font-weight:600;font-size:12.5px;margin-bottom:10px}.plan .row{display:flex;align-items:center;gap:10px;padding:4px 0;font-size:12.5px}.check{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:11px;flex:none}.check.done{background:rgba(53,207,143,.16);color:var(--green)}.check.todo{border:1.5px solid #333c52;color:transparent}.plan .row.todo{color:var(--muted)}.note{display:flex;gap:10px;align-items:flex-start;background:var(--violet-soft);border:1px solid rgba(124,92,255,.22);border-radius:var(--radius);padding:11px 13px;font-size:12px}.note .ni{color:var(--violet);font-size:14px}.note .nt{color:#cdbcff;font-weight:600}.note .ns{color:var(--muted);margin-top:2px}.ask{padding:12px 14px;border-top:1px solid var(--border-soft)}.askhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.linkbtn{background:none;border:none;color:var(--muted);font-size:11px;cursor:pointer;padding:2px 4px}.linkbtn:hover{color:var(--violet)}.linkbtn:disabled{opacity:.5;cursor:default}.ask .box{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:4px 4px 4px 12px}.ask input{flex:1 1;background:none;border:none;outline:none;color:var(--text);font:inherit;font-size:12.5px}.ask input::placeholder{color:var(--muted-2)}.ask .send{width:30px;height:30px;border-radius:8px;border:none;background:linear-gradient(135deg,var(--violet),var(--violet-2));color:#fff;cursor:pointer}.healing{margin:12px 14px 14px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:13px 14px}.healing .h{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;font-weight:600}.healing .metrics{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin:12px 0 6px}.healing .metrics .k{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.healing .metrics .v{font-size:20px;font-weight:700;margin-top:2px}.spark{height:34px}.empty{color:var(--muted-2);text-align:center;padding:26px;font-size:12.5px}.banner{background:rgba(230,169,81,.08);border:1px solid rgba(230,169,81,.25);color:var(--amber);padding:9px 13px;border-radius:9px;font-size:12px}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace}.main-simple{padding:22px 26px;overflow-y:auto}.topbar h1{font-size:19px;margin:0}.sub{color:var(--muted);font-size:12.5px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.panel .head{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border-bottom:1px solid var(--border-soft);font-weight:600;font-size:13px}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:10px 15px;border-bottom:1px solid var(--border-soft);font-size:13px}th{color:var(--muted);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.03em}tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--panel-2)}.btn{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,var(--violet),var(--violet-2));color:#fff;border:none;padding:8px 14px;border-radius:9px;font-weight:600;font-size:12.5px;cursor:pointer}.btn.ghost{background:var(--panel-2);border:1px solid var(--border);color:var(--text)}.two{grid-template-columns:1fr 340px;grid-gap:14px;gap:14px}.kv,.two{display:grid}.kv{grid-template-columns:130px 1fr;grid-gap:7px 12px;gap:7px 12px;font-size:12.5px}.kv .k{color:var(--muted)}.inp{background:var(--bg-rail);border:1px solid var(--border);color:var(--text);border-radius:8px;font:inherit;padding:8px 10px}.lvl-info{color:var(--blue)}.lvl-warn{color:var(--amber)}.lvl-error{color:var(--red)}