@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/app/assets/plus-jakarta-sans-vietnamese-wght-normal-qRpaaN48.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/app/assets/plus-jakarta-sans-latin-ext-wght-normal-DmpS2jIq.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/app/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font:"Plus Jakarta Sans Variable", "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--bg:#f8fafc;--canvas:#f8fafc;--dots:#e2e8f0;--surface:#fff;--surface-2:#f8fafc;--surface-3:#f1f5f9;--text:#1e293b;--text-2:#334155;--muted:#64748b;--line:#e2e8f0;--line-strong:#cbd5e1;--brand:#ea580c;--brand-2:#c2410c;--brand-soft:#fff7ed;--brand-line:#fed7aa;--on-brand:#fff;--ok:#15803d;--ok-soft:#f0fdf4;--bad:#dc2626;--bad-soft:#fef2f2;--warn:#b45309;--warn-soft:#fffbeb;--info:#1d4ed8;--info-soft:#eff6ff;--tone-trigger:#16a34a;--tone-action:#ea580c;--tone-transform:#0d9488;--tone-condition:#ca8a04;--tone-loop:#0891b2;--tone-delay:#64748b;--tone-code:#db2777;--radius:14px;--radius-sm:10px;--shadow-1:0 1px 2px #0f172a0d;--shadow-2:0 1px 2px #0f172a0a, 0 8px 24px #0f172a0f;--shadow-pop:0 12px 40px #0f172a29;--shadow-brand:0 1px 2px #ea580c4d, 0 4px 12px #ea580c2e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--brand);text-decoration:none}code,.mono{font-family:var(--mono);font-size:12.5px}h1,h2,h3{letter-spacing:-.015em}::selection{background:var(--brand-soft)}.app{flex-direction:column;height:100%;display:flex}.main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--surface);flex-wrap:nowrap;align-items:center;gap:10px;min-height:60px;padding:10px 16px;display:flex}.crumbs{color:var(--muted);align-items:center;gap:4px;min-width:0;display:flex}.crumbs a{color:var(--muted);font-weight:550}.crumbs a:hover{color:var(--text)}.title-input{letter-spacing:-.01em;text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:8px;outline:none;flex:0 320px;width:auto;min-width:120px;padding:5px 8px;font-size:16px;font-weight:650}.title-input:hover{background:var(--surface-2)}.title-input:focus{border-color:var(--brand-line);background:var(--surface)}.save-state{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.save-state.dirty{color:var(--warn)}.spacer{flex:1}.segmented{background:var(--surface-3);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.segmented button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-weight:550;display:flex}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.workspace{flex:1;grid-template-columns:1fr 460px;min-height:0;display:grid}.workspace.no-panel{grid-template-columns:1fr}.canvas{background-color:var(--canvas);background-image:radial-gradient(var(--dots) 1px, transparent 1px);background-size:20px 20px;padding:36px 24px 120px;overflow:auto}.column{flex-direction:column;align-items:center;max-width:760px;margin:0 auto;display:flex}.column>*{width:100%;max-width:460px}.column>.wide{max-width:760px}.stack{flex-direction:column;align-items:center;width:100%;display:flex}.stack>.node{width:100%;max-width:460px}.stack>.connector,.stack>.branches,.stack>.loop-body{width:100%}.branch .stack>.node,.loop-body .stack>.node{max-width:none}.panel{border-left:1px solid var(--line);background:var(--surface);min-height:0;overflow:auto}.panel-head{background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:3;align-items:center;gap:12px;padding:14px 18px;display:flex;position:sticky;top:0}.panel-head .titles{flex:1;min-width:0}.panel-head h2{margin:0;font-size:15px}.panel-head .sub{color:var(--muted);font-size:12px}.panel-head .node-icon{width:36px;height:36px}.panel-body{gap:20px;padding:18px 20px 48px;display:grid}.page{flex:1;padding:32px 28px 80px;overflow:auto}.page-inner{gap:22px;max-width:920px;margin:0 auto;display:grid}.page-inner.wide{max-width:1120px}.page-title{margin:0;font-size:24px;font-weight:700}.page-sub{color:var(--muted);margin:-14px 0 0}.btn{border:1px solid var(--line);background:var(--surface);color:var(--text-2);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-1);justify-content:center;align-items:center;gap:7px;padding:8px 14px;font-weight:550;transition:background .12s,border-color .12s,transform 50ms;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand);box-shadow:var(--shadow-brand);font-weight:700}.btn.primary:hover{background:var(--brand-2);border-color:var(--brand-2)}.btn.ghost{box-shadow:none;background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--surface-3)}.btn.danger{color:var(--bad)}.btn.primary.danger-fill{background:var(--bad);border-color:var(--bad)}.btn.small{border-radius:8px;padding:4px 9px;font-size:13px}.btn.block{width:100%}.icon-btn{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;padding:6px;display:inline-grid}.icon-btn:hover{background:var(--surface-3);color:var(--text)}.field{gap:6px;display:grid;position:relative}.field>label,.label{color:var(--text-2);align-items:baseline;gap:4px;font-size:13px;font-weight:600;display:flex}.req{color:var(--bad)}.hint{color:var(--muted);font-size:12.5px;line-height:1.45}.input,select.input,textarea.input{border:1px solid var(--line-strong);background:var(--surface);border-radius:var(--radius-sm);outline:none;width:100%;min-height:38px;padding:8px 11px;transition:border-color .12s,box-shadow .12s}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}textarea.input{resize:vertical;min-height:80px;font-family:var(--mono);font-size:12.5px;line-height:1.55}textarea.input.prose{font-family:var(--font);font-size:14px}.input-row{align-items:stretch;gap:6px;display:flex}.input-row>.input{flex:1;min-width:0}.check{cursor:pointer;align-items:center;gap:9px;display:flex}.check input{width:16px;height:16px;accent-color:var(--brand)}.preview{color:var(--text-2);background:var(--surface-2);border:1px dashed var(--line-strong);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;padding:5px 10px;font-size:12.5px;overflow:hidden}.preview.error{color:var(--bad);background:var(--bad-soft);white-space:normal;border-color:#0000}.section{gap:14px;display:grid}.section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:11.5px;font-weight:700}details.advanced{border:1px solid var(--line);border-radius:12px;padding:10px 14px}details.advanced>summary{cursor:pointer;color:var(--text-2);align-items:center;gap:6px;font-size:13px;font-weight:600;list-style:none;display:flex}details.advanced>summary::-webkit-details-marker{display:none}details.advanced>summary:before{content:"›";color:var(--muted);font-size:16px;transition:transform .15s}details.advanced[open]>summary:before{transform:rotate(90deg)}details.advanced[open]>summary{margin-bottom:12px}.banner{border-radius:10px;padding:11px 14px;font-size:13px;line-height:1.5}.banner.error{background:var(--bad-soft);color:var(--bad)}.banner.ok{background:var(--ok-soft);color:var(--ok)}.banner.info{background:var(--info-soft);color:var(--info)}.banner.draft-banner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.banner ul{margin:6px 0 0;padding-left:18px}.tone-trigger{--tone:var(--tone-trigger)}.tone-action{--tone:var(--tone-action)}.tone-transform{--tone:var(--tone-transform)}.tone-condition{--tone:var(--tone-condition)}.tone-loop{--tone:var(--tone-loop)}.tone-delay{--tone:var(--tone-delay)}.tone-code{--tone:var(--tone-code)}textarea.code-editor{tab-size:2;background:var(--surface-2);min-height:220px;font-size:13px;line-height:1.6}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1)}.node{cursor:pointer;align-items:center;gap:14px;padding:14px 16px;transition:box-shadow .15s,border-color .15s;display:flex;position:relative}.node:hover{box-shadow:var(--shadow-2);border-color:var(--line-strong)}.node.selected{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand), 0 0 0 5px #ffedd5, 0 8px 24px #ea580c1f}.node-icon{background:color-mix(in srgb, var(--tone) 13%, transparent);width:40px;height:40px;color:var(--tone);border-radius:11px;flex:none;place-items:center;display:grid;overflow:hidden}.node-icon img{object-fit:contain;width:26px;height:26px}.node-icon.logo{background:var(--surface);border:1px solid var(--line)}.node-state{white-space:nowrap;border-radius:99px;flex:none;padding:3px 9px;font-size:12px;font-weight:700}.node-state.ok{background:var(--ok-soft);color:var(--ok)}.node:hover .node-state,.node.selected .node-state{display:none}.token-logo{object-fit:contain;background:#fff;border-radius:4px;width:16px;height:16px;margin-left:-4px}.node-body{flex:1;min-width:0}.node-kind{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.node-title{overflow-wrap:anywhere;margin-top:1px;font-size:15px;font-weight:700;line-height:1.35}.node-sub{color:var(--muted);overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:6px;margin-top:3px;font-size:12.5px;display:flex}.chip{background:var(--surface-3);color:var(--muted);border-radius:99px;align-items:center;gap:4px;padding:2px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.chip.warn{background:var(--warn-soft);color:var(--warn)}.chip.brand{background:var(--brand-soft);color:var(--brand)}.chip.bad{background:var(--bad-soft);color:var(--bad)}.node-tools{opacity:0;gap:1px;transition:opacity .12s;display:flex}.node:hover .node-tools,.node.selected .node-tools{opacity:1}.connector{justify-items:center;height:40px;display:grid;position:relative}.connector:before{content:"";background:var(--line-strong);width:2px;height:100%}.add-btn{border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;width:26px;height:26px;color:var(--muted);box-shadow:var(--shadow-1);border-radius:50%;place-items:center;transition:all .12s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.connector:hover .add-btn{color:var(--brand);border-color:var(--brand)}.add-btn:hover{background:var(--brand);color:#fff!important}.add-menu{z-index:6;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-pop);border-radius:14px;min-width:290px;padding:6px;display:grid;position:absolute;top:34px}.add-menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:9px 10px;font-weight:600;display:flex}.add-menu button:hover{background:var(--surface-2)}.add-menu .node-icon{border-radius:9px;width:34px;height:34px}.add-menu small{color:var(--muted);font-weight:400}.branches{grid-template-columns:1fr 1fr;gap:16px;display:grid}.branch{border:1.5px dashed var(--line-strong);border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 55%, transparent);min-width:0;padding:12px}.branch-head{justify-content:center;display:flex}.branch-pill{border-radius:99px;padding:3px 12px;font-size:12px;font-weight:700}.branch-pill.yes{background:var(--ok-soft);color:var(--ok)}.branch-pill.no{background:var(--bad-soft);color:var(--bad)}.branch-pill.loop{background:color-mix(in srgb, var(--tone-loop) 14%, transparent);color:var(--tone-loop)}.loop-body{border:1.5px dashed color-mix(in srgb, var(--tone-loop) 45%, var(--line-strong));border-radius:var(--radius);background:color-mix(in srgb, var(--tone-loop) 4%, transparent);padding:12px}.empty-branch{color:var(--muted);text-align:center;font-size:12.5px}.end{justify-content:center;display:flex}.end span{color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:99px;padding:4px 12px;font-size:12px}.grid-pick{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:10px;display:grid}.pick{border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:center;box-shadow:var(--shadow-1);border-radius:12px;justify-items:center;gap:7px;padding:14px 8px 12px;font-size:13px;font-weight:550;transition:all .12s;display:grid}.pick:hover{border-color:var(--brand-line);box-shadow:var(--shadow-2);transform:translateY(-1px)}.pick img{object-fit:contain;width:30px;height:30px}.pick .pick-icon{width:30px;height:30px;color:var(--brand);place-items:center;display:grid}.list-pick{border:1px solid var(--line);border-radius:12px;gap:2px;max-height:340px;padding:5px;display:grid;overflow:auto}.list-pick button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 11px;font-weight:550}.list-pick button:hover{background:var(--surface-2)}.list-pick button.on{background:var(--brand-soft);color:var(--brand)}.list-pick button small{color:var(--muted);margin-top:1px;font-weight:400;display:block}.list-pick button{overflow-wrap:anywhere}.event-pick button{align-items:center;gap:10px;display:flex}.chosen{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;align-items:center;gap:11px;padding:10px 12px;display:flex}.chosen img{object-fit:contain;width:24px;height:24px}.chosen .grow{flex:1;min-width:0}.badge{background:var(--surface-3);color:var(--muted);vertical-align:1px;border-radius:99px;padding:1px 8px;font-size:11px;font-weight:600;display:inline-block}.picker-pop{z-index:25;min-width:260px;position:absolute;top:calc(100% + 4px);left:0;right:0}.picker-pop .picker{box-shadow:var(--shadow-pop);max-height:340px}.data-btn{color:var(--brand);border-color:var(--brand-line);background:var(--surface);flex:none}.data-btn:hover,.data-btn.on{background:var(--brand-soft)}.picker{border:1px solid var(--brand-line);background:var(--surface);max-height:300px;box-shadow:var(--shadow-2);border-radius:12px;font-size:13px;overflow:auto}.picker-group{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:8px 10px 3px;font-size:11.5px;font-weight:700}.tree-row{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;width:100%;padding:4px 10px;display:flex}.tree-row:hover{background:var(--brand-soft)}.tree-key{font-weight:600}.tree-val{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;text-align:right;min-width:0;font-family:var(--mono);flex:1;font-size:12px;overflow:hidden}.pill{white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-flex}.pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.pill.succeeded{background:var(--ok-soft);color:var(--ok)}.pill.failed{background:var(--bad-soft);color:var(--bad)}.pill.running,.pill.queued,.pill.waiting{background:var(--info-soft);color:var(--info)}.pill.skipped{background:var(--surface-3);color:var(--muted)}table.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:11px 16px}.table th{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;background:var(--surface-2);font-size:11.5px;font-weight:600}.table tr.clickable{cursor:pointer}.table tr.clickable:hover td{background:var(--surface-2)}.table tr:last-child td{border-bottom:0}.card:has(>.table){overflow:hidden}pre.json{background:var(--surface-2);border:1px solid var(--line);max-height:340px;font-family:var(--mono);border-radius:10px;margin:0;padding:12px;font-size:12px;line-height:1.55;overflow:auto}.timeline{display:grid;position:relative}.timeline:before{content:"";background:var(--line);width:2px;position:absolute;top:18px;bottom:18px;left:17px}.tl-item{grid-template-columns:36px 1fr;gap:12px;padding:7px 0;display:grid;position:relative}.tl-dot{background:var(--surface);border:2px solid var(--line-strong);z-index:1;width:36px;height:36px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.tl-dot.succeeded{border-color:var(--ok);color:var(--ok);background:var(--ok-soft)}.tl-dot.failed{border-color:var(--bad);color:var(--bad);background:var(--bad-soft)}.tl-dot.running,.tl-dot.waiting{border-color:var(--info);color:var(--info);background:var(--info-soft)}.tl-card{gap:8px;min-width:0;padding:12px 14px;display:grid}.tl-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.err{color:var(--bad);background:var(--bad-soft);white-space:pre-wrap;word-break:break-word;border-radius:9px;padding:9px 12px;font-size:13px}.err details{color:var(--muted);margin-top:6px}.err details summary{cursor:pointer;font-size:12px}.err details code{margin-top:4px;font-size:12px;display:block}details>summary.hint{cursor:pointer}.hero{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.hero h1{letter-spacing:-.025em;margin:0;font-size:30px;font-weight:800}.hero p{color:var(--muted);margin:4px 0 0}.stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stat{gap:4px;padding:16px 18px;display:grid}.stat .label{color:var(--muted);font-size:12.5px;font-weight:550}.stat .value small{color:var(--muted);letter-spacing:0;font-size:14px;font-weight:600}.stat .value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:800}.stat .value.ok{color:var(--ok)}.stat .value.bad{color:var(--bad)}.section-head{align-items:baseline;gap:10px;display:flex}.section-head h2{margin:0;font-size:17px}.flow-cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.flow-card{cursor:pointer;color:var(--text);gap:12px;padding:16px;transition:all .15s;display:grid}.flow-card:hover{box-shadow:var(--shadow-2);border-color:var(--line-strong);transform:translateY(-1px)}.flow-card .top{align-items:center;gap:12px;display:flex}.flow-card .name{font-size:15px;font-weight:650}.flow-card .meta{color:var(--muted);font-size:12.5px}.flow-card .bottom{color:var(--muted);border-top:1px solid var(--line);align-items:center;gap:8px;padding-top:10px;font-size:12.5px;display:flex}.template-cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.template{background:linear-gradient(180deg, var(--surface), var(--surface-2));align-content:start;gap:10px;padding:18px;display:grid}.template .chain{color:var(--muted);align-items:center;gap:6px;display:flex}.template .chain .node-icon{border-radius:9px;width:34px;height:34px}.template h3{margin:0;font-size:15px}.template p{color:var(--muted);margin:0;font-size:13px}.ai-card{box-shadow:var(--shadow-2);gap:14px;padding:18px 20px;display:grid}.ai-head{align-items:flex-start;gap:14px;display:flex}.ai-head h2{margin:0;font-size:17px}.ai-head p{color:var(--muted);margin:2px 0 0}.ai-mark{color:#fff;background:linear-gradient(135deg, var(--brand), var(--brand-2));border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 6px 16px #5b4ae84d}.ai-mark.small{width:28px;height:28px;box-shadow:none;border-radius:8px}.chip.suggestion{border:1px solid var(--line);background:var(--surface);cursor:pointer;color:var(--text-2);padding:4px 10px;font-weight:500}.chip.suggestion:hover{border-color:var(--brand-line);color:var(--brand)}.btn.ai-btn{color:var(--brand);border-color:var(--brand-line);background:var(--brand-soft)}.banner.warn{background:var(--warn-soft);color:var(--warn)}.dialog.wide{width:min(640px,100%)}.mini-steps{gap:6px;display:grid}.mini-step{align-items:center;gap:10px;display:flex}.mini-step .node-icon{border-radius:8px;width:30px;height:30px}.mini-branch{color:var(--muted);font-size:12px;font-weight:700}.ai-explain{border-color:var(--brand-line);gap:6px;padding:14px 16px;display:grid}.ai-explain p{margin:0;line-height:1.6}.dialog-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;background:#0a0c1973;place-items:center;padding:16px;animation:.12s ease-out fade;display:grid;position:fixed;inset:0}.dialog{background:var(--surface);border:1px solid var(--line);width:min(520px,100%);max-height:calc(100vh - 32px);box-shadow:var(--shadow-pop);border-radius:16px;animation:.14s ease-out pop;overflow:auto}.dialog-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:16px 20px;display:flex}.dialog-head h3{flex:1;margin:0;font-size:16px}.dialog-body{gap:14px;padding:18px 20px;display:grid}.dialog-foot{border-top:1px solid var(--line);background:var(--surface-2);border-radius:0 0 16px 16px;justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(6px)scale(.98)}}.empty-state{text-align:center;color:var(--muted);justify-items:center;gap:12px;padding:70px 20px;display:grid}.empty-state h2{color:var(--text);margin:0;font-size:19px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.grow{flex:1}.muted{color:var(--muted)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.token-input{cursor:text;flex-wrap:wrap;flex:1;align-items:center;gap:4px;min-width:0;line-height:1.6;display:flex;overflow:hidden}.token-input.multiline{align-content:flex-start;align-items:flex-start;min-height:96px}.token-input>span:not(.token){white-space:pre-wrap}.token{background:var(--brand-soft);color:var(--brand);border:1px solid var(--brand-line);white-space:nowrap;border-radius:7px;align-items:center;gap:5px;min-width:0;max-width:100%;padding:1px 8px;font-size:12.5px;font-weight:600;line-height:1.5;display:inline-flex}.token-text{text-overflow:ellipsis;min-width:0;overflow:hidden}.token.formula{background:var(--surface-3);color:var(--text-2);border-color:var(--line-strong);font-style:italic}.guide{border:1px solid var(--brand-line);background:var(--brand-soft);border-radius:12px;padding:10px 14px}.guide>summary{cursor:pointer;color:var(--brand-2);font-weight:700}.guide-body{color:var(--text-2);margin-top:8px;font-size:13.5px;line-height:1.55}.guide-body p{margin:0 0 8px}.guide-body ol,.guide-body ul{gap:4px;margin:0 0 8px;padding-left:20px;display:grid}.guide-body a{text-decoration:underline}.btn.big{height:42px;padding:0 18px}.btn.dark{background:var(--text);border-color:var(--text);color:#fff;font-weight:700}.btn.dark:hover{background:#0f172a}.ai-title{font-size:15px;font-weight:700}.ai-row{gap:10px;display:flex}.ai-row .ai-input{border-radius:12px;flex:1;height:46px;padding:0 16px;font-size:15px}.ai-row .btn{border-radius:12px;height:46px;padding:0 18px}.ai-examples{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ai-examples .hint{font-weight:600}.attention{border-color:#fecaca;align-items:center;gap:16px;padding:16px 18px;display:flex}.attention-logo{flex:none;position:relative}.attention-badge{background:var(--bad);color:#fff;width:18px;height:18px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid;position:absolute;bottom:-4px;right:-4px}.attention-text{flex:1;gap:3px;min-width:0;display:grid}.attention-text strong{font-size:15px}.attention-text span{color:var(--text-2);overflow-wrap:anywhere;line-height:1.5}.flow-table{box-shadow:var(--shadow-1);overflow:hidden}.flow-table-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 18px;display:flex}.flow-table-head h2{flex:1;margin:0;font-size:15px;font-weight:800}.flow-row{border-bottom:1px solid var(--surface-3);color:var(--text);grid-template-columns:76px minmax(0,1fr) 120px 70px 130px;align-items:center;gap:14px;padding:12px 18px;transition:background .15s;display:grid}.flow-row:last-child{border-bottom:0}.flow-row:hover{background:var(--surface-2)}.flow-row.off .flow-row-main,.flow-row.off .logo-stack{opacity:.55}.flow-row-main{gap:2px;min-width:0;display:grid}.flow-row-main strong{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.flow-row-main span{color:var(--muted);font-size:13px}.flow-row-count{color:var(--text-2);text-align:right;font-variant-numeric:tabular-nums;font-size:13px}.flow-row-status{justify-self:end}.logo-stack{align-items:center;display:flex}.logo-stack>*+*{margin-left:-8px}.logo-stack .system-logo{background:var(--surface);box-shadow:0 0 0 2px var(--surface)}.spark{align-items:flex-end;gap:3px;height:26px;display:flex}.spark>span{background:#fdba74;border-radius:3px;flex:1}.spark>span.bad{background:#f87171}.spark>span.none{background:var(--surface-3)}.map-row{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;gap:6px;padding:10px;display:grid;position:relative}.map-head{align-items:center;gap:6px;display:flex}.map-head .map-key{background:var(--surface);flex:1;min-width:0;font-weight:600}.map-row>.field{gap:4px;min-width:0;position:static}.map-row .picker-pop{left:0;right:0}.page-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.page-lead{color:var(--muted);margin:6px 0 0}.section-heading{margin:0;font-size:15px;font-weight:650}.search{border:1px solid var(--line-strong);background:var(--surface);border-radius:var(--radius-sm);min-height:38px;color:var(--muted);align-items:center;gap:8px;min-width:240px;padding:0 11px;display:flex}.search input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;padding:8px 0}.search:focus-within{border-color:var(--brand-line);box-shadow:0 0 0 3px var(--brand-soft)}.list{overflow:hidden}.list-row{border-bottom:1px solid var(--line);color:var(--text);align-items:center;gap:14px;padding:13px 16px;display:flex}.list-row:last-child{border-bottom:0}.list-row.clickable:hover{background:var(--surface-2)}.list-row:has(.list-main:hover){background:var(--surface-2)}.list-row.off .list-title,.list-row.off .node-icon{opacity:.55}.list-main{min-width:0;color:inherit;flex:1;gap:2px;display:grid}.list-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.list-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:12.5px;display:flex;overflow:hidden}.list-status{align-items:center;gap:8px;font-size:12.5px;display:flex}.list-empty{color:var(--muted);padding:18px 16px}.toggle{cursor:pointer;color:var(--muted);background:0 0;border:0;align-items:center;gap:8px;min-width:64px;padding:4px;font-size:12.5px;font-weight:600;display:inline-flex}.toggle .knob{background:var(--surface-3);border:1px solid var(--line-strong);border-radius:99px;flex:none;width:34px;height:20px;transition:background .15s;position:relative}.toggle .knob:after{content:"";background:var(--surface);width:14px;height:14px;box-shadow:var(--shadow-1);border-radius:50%;transition:transform .15s;position:absolute;top:2px;left:2px}.toggle.on{color:var(--ok)}.toggle.on .knob{background:var(--ok);border-color:var(--ok)}.toggle.on .knob:after{transform:translate(14px)}.toggle:disabled{cursor:default;opacity:.6}.empty-card{text-align:center;justify-items:center;gap:10px;padding:40px 24px;display:grid}.empty-card h3{margin:4px 0 0;font-size:17px}.empty-card p{color:var(--muted);max-width:440px;margin:0 0 6px}.empty-icon{background:var(--brand-soft);width:48px;height:48px;color:var(--brand);border-radius:14px;place-items:center;display:grid}.filters{flex-wrap:wrap;gap:6px;display:flex}.filter{border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;color:var(--text-2);border-radius:99px;align-items:center;gap:7px;padding:6px 13px;font-weight:550;display:inline-flex}.filter .count{color:var(--muted);background:var(--surface-3);border-radius:99px;padding:0 7px;font-size:11.5px}.filter.active{background:var(--text);color:var(--surface);border-color:var(--text)}.filter.active .count{color:inherit;background:#ffffff2e}.system-logo{background:var(--surface-2);border:1px solid var(--line);color:var(--muted);border-radius:11px;flex:none;place-items:center;display:grid;overflow:hidden}.system-logo img{object-fit:contain;width:62%;height:62%}.system-initial{color:var(--text-2);letter-spacing:.02em;font-size:13px;font-weight:700}.system-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.system-tile{border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:center;min-height:122px;box-shadow:var(--shadow-1);color:var(--text);border-radius:12px;align-content:start;justify-items:center;gap:8px;padding:16px 10px 14px;transition:border-color .12s,box-shadow .12s,transform 50ms;display:grid}.system-tile:hover:not(:disabled){border-color:var(--brand-line);box-shadow:var(--shadow-2)}.system-tile:active:not(:disabled){transform:translateY(1px)}.system-tile:disabled{cursor:default}.system-tile.add{box-shadow:none;background:0 0;border-style:dashed}.system-tile.add .system-logo{width:40px;height:40px;color:var(--brand);background:var(--brand-soft);border:0}.system-name{font-size:13.5px;font-weight:600;line-height:1.3}.chip.ok{background:var(--ok-soft);color:var(--ok)}.connected-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:start;gap:10px;display:grid}.connected{flex-direction:column;gap:10px;padding:12px 14px;display:flex}.connected-row{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.connected-row>.btn,.connected-row>.icon-btn{margin-top:4px}.connected .list-title{white-space:normal;overflow:visible}.connected-row>.grow{flex:160px}.connected-row .hint svg,.connected-more label svg{vertical-align:-2px}.connected-more{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding-top:10px;display:flex}.connected-more .input[type=date]{width:auto}.test-chip{background:var(--brand-soft);color:var(--brand);margin-left:6px}.test-result{background:var(--surface-3);color:var(--text-2);border-radius:8px;padding:6px 8px;font-size:12.5px}.test-result.ok{background:var(--ok-soft);color:var(--ok)}.test-result.fout{background:var(--bad-soft,#fef2f2);color:var(--bad)}.test-result svg{vertical-align:-2px}.warn-text{color:var(--warn);font-weight:600}.rot-180{transform:rotate(180deg)}.ok-dot{background:var(--ok);border-radius:50%;flex:none;width:7px;height:7px}.tabs{border-bottom:1px solid var(--line);gap:2px;margin-top:-6px;display:flex;overflow-x:auto}.tabs a{color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 14px;font-weight:600}.tabs a:hover{color:var(--text)}.tabs a.active{color:var(--text);border-bottom-color:var(--brand)}.tab-body{gap:18px;display:grid}a.link{color:var(--brand);align-items:center;gap:4px;font-size:13.5px;font-weight:600;display:inline-flex}.nav-badge{background:var(--bad);color:#fff;border-radius:99px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:800;display:inline-grid}.topnav{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#ffffffd9;flex:none;position:sticky;top:0}.topnav-inner{align-items:center;gap:16px;max-width:1240px;margin:0 auto;padding:10px 24px;display:flex}.logo{color:var(--text);flex:none;align-items:center;gap:10px;display:flex}.logo-name{letter-spacing:-.01em;font-size:16px;font-weight:800}.tabs-nav>a{color:var(--muted);border-radius:9px;align-items:center;gap:7px;padding:8px 16px;font-weight:600;transition:color .15s,background .15s;display:inline-flex}.tabs-nav>a:hover{color:var(--text);background:var(--surface-3)}.tabs-nav>a.active{color:var(--text);background:var(--surface);box-shadow:0 1px 2px #0f172a14,0 2px 6px #0f172a0d}.tabs-nav{background:var(--surface-3);border-radius:12px;gap:2px;margin:0 auto;padding:4px;display:flex}.topnav-right{flex:none;align-items:center;gap:8px;display:flex}.icon-btn.bordered{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--text-2);border-radius:10px;place-items:center;display:inline-grid}.icon-btn.bordered.active{border-color:var(--brand-line);color:var(--brand);background:var(--brand-soft)}.account-menu{position:relative}.avatar{width:38px;height:38px;color:var(--brand-2);cursor:pointer;background:#ffedd5;border:0;border-radius:50%;font-size:12px;font-weight:800}.avatar:focus-visible,.icon-btn:focus-visible,.tabs-nav>a:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.menu-pop{background:var(--surface);border:1px solid var(--line);width:260px;box-shadow:var(--shadow-pop);z-index:30;border-radius:14px;gap:2px;padding:6px;animation:.14s ease-out pop;display:grid;position:absolute;top:46px;right:0}.menu-who{border-bottom:1px solid var(--line);gap:2px;margin-bottom:4px;padding:10px 10px 8px;display:grid}.menu-who span{color:var(--muted);text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.menu-section{gap:2px;padding:4px 0;display:grid}.menu-org{color:var(--text-2);padding:6px 10px;font-weight:600}.menu-label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;font-size:11px;font-weight:700}.menu-pop button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;padding:9px 10px;font-weight:600;display:flex}.menu-pop button:hover{background:var(--surface-3)}.menu-pop button.on{color:var(--brand);background:var(--brand-soft)}.menu-logout{color:var(--bad);margin-top:4px;border-top:1px solid var(--line)!important;border-radius:0 0 9px 9px!important}.top-banner{cursor:default;border-radius:10px;margin:12px 20px 0}.auth-page{background-color:var(--canvas);background-image:radial-gradient(var(--dots) 1px, transparent 1px);background-size:20px 20px;place-items:center;min-height:100%;padding:32px 16px;display:grid}.auth-card{gap:16px;width:100%;max-width:400px;padding:28px 28px 22px;display:grid}.auth-card h1{letter-spacing:-.01em;margin:0;font-size:21px}.auth-brand{align-items:center;gap:10px;font-size:16px;display:flex}.link-btn{color:var(--brand);cursor:pointer;background:0 0;border:0;justify-self:center;padding:2px;font-weight:550}.link-btn:hover{text-decoration:underline}.settings-card{gap:14px;min-width:0;margin:0;padding:18px;display:grid}.settings-card .section-title{align-items:center;gap:6px;margin-top:4px;display:flex}@media (width<=1350px){.save-state:not(.dirty){display:none}}@media (width<=1100px){.stats{grid-template-columns:repeat(2,1fr)}.workspace{grid-template-columns:1fr 400px}}@media (width<=640px){.flow-row{grid-template-columns:auto minmax(0,1fr) auto}.flow-row .spark,.flow-row .flow-row-count{display:none}.attention{flex-wrap:wrap}.ai-row{flex-direction:column}.list-row{flex-wrap:wrap;row-gap:8px}.list-row>.node-icon{display:none}.list-main{flex-basis:calc(100% - 40px)}.search{flex:1;min-width:0}}@media (width<=900px){.topnav-inner{flex-wrap:wrap;gap:10px;padding:10px 14px}.tabs-nav{flex:100%;order:3;justify-content:flex-start;overflow-x:auto}.tabs-nav>a{white-space:nowrap;padding:7px 12px}.topnav-right{margin-left:auto}.workspace{grid-template-columns:1fr}.panel{z-index:30;border-left:0;position:fixed;inset:0}.branches{grid-template-columns:1fr}.title-input{width:100%;max-width:none}.topbar{flex-wrap:wrap}.page{padding:20px 16px 60px}}.card.versions{margin-top:16px}.card.versions h3{margin:0;padding:14px 16px 6px}.card.versions .pill{margin-left:8px}.list-pick button.more{color:var(--brand)}.mcp-help{margin-top:14px}.mcp-help summary{cursor:pointer;font-weight:600}.mcp-help p{color:var(--muted);margin:8px 0}.link-btn.small{justify-self:start;padding:4px 0 0;font-size:13px}.table.audit td{vertical-align:top}.nowrap{white-space:nowrap}.limits .input-row>.field{flex:1;min-width:0}.bad-dot{background:var(--bad);border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.idle-dot{background:var(--muted);opacity:.5;border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.bad-text{color:var(--bad);font-weight:600}.card.connected.broken{border-color:var(--bad)}.clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card.connected.broken .connected-row>.btn.primary{flex-basis:100%;order:3;justify-content:center}details.confirm .section+.section{margin-top:16px}.log-download{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:12px;display:flex}.log-download .input{width:auto}.page-head .log-download{margin-bottom:0;margin-left:auto}.flow-stats{margin-bottom:12px;padding:14px 16px}.flow-stats-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.flow-stats-head .input{width:auto;margin-left:auto}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.stat-value{font-size:22px;font-weight:700;line-height:1.2}.stat-label{color:var(--muted);font-size:12px}.stat-trend{font-size:12px;font-weight:600}.stat-trend.up{color:var(--ok)}.stat-trend.down{color:var(--bad)}.day-bars{align-items:flex-end;gap:2px;height:64px;display:flex}.day-bar{background:var(--surface-3);border-radius:2px;flex-direction:column-reverse;flex:1;min-width:2px;height:100%;display:flex;overflow:hidden}.day-bar>span{display:block}.day-bar .ok{background:var(--ok)}.day-bar .bad{background:var(--bad)}.day-bar .skip{background:var(--muted);opacity:.45}.day-axis{color:var(--muted);justify-content:space-between;margin-top:4px;font-size:11px;display:flex}.rate-chip{background:var(--ok-soft);color:var(--ok);white-space:nowrap;border-radius:99px;padding:1px 7px;font-size:11.5px;font-weight:600}.rate-chip.mid{background:var(--warn-soft);color:var(--warn)}.rate-chip.low{background:var(--bad-soft,#fef2f2);color:var(--bad)}@media (width<=640px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.replay-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.replay-bar .grow{flex:200px}.env-toggle{white-space:nowrap;border:1px solid var(--line);border-radius:8px;flex:none;display:inline-flex;overflow:hidden}.env-toggle button{background:var(--surface);font:inherit;color:var(--text-2);cursor:pointer;border:0;align-items:center;gap:5px;padding:5px 10px;font-size:12.5px;display:inline-flex}.env-toggle button+button{border-left:1px solid var(--line)}.env-toggle button.active{background:var(--brand-soft);color:var(--brand);font-weight:600}.env-badge{background:var(--brand-soft);color:var(--brand);border-radius:99px;align-items:center;gap:4px;padding:2px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.customer-form .input{flex:1;min-width:0}.table.customers .chip{white-space:nowrap}.admin-mark{color:var(--brand);vertical-align:-3px}@media (width<=720px){.customer-form{flex-wrap:wrap}.customer-form .input{flex-basis:100%}.table.customers th:nth-child(3),.table.customers td:nth-child(3),.table.customers th:nth-child(5),.table.customers td:nth-child(5){display:none}}