:root{color-scheme:dark;--bg:#0d0c13;--surface:#14131c;--surface-2:#1a1923;--surface-3:#22212c;--line:#2c2a37;--text:#f6f3ff;--muted:#a5a1b2;--subtle:#706c7b;--purple:#9b7aff;--purple-2:#7653e8;--mint:#55dbb5;--orange:#f3b766;--red:#ff7187;--radius:18px;--shadow:0 18px 55px #0005;font-family:'DM Sans',system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% -30%,#4532742e,transparent 38%),var(--bg);color:var(--text);min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--purple);outline-offset:2px}#app{min-height:100dvh}.shell{min-height:100dvh}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;padding:24px 16px 18px;background:#111018ed;border-right:1px solid #292734;display:flex;flex-direction:column;z-index:10;backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:11px;padding:2px 10px 24px}.brand-mark{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#b499ff,#7654e8);box-shadow:0 7px 23px #7755e844;color:#fff;font-size:20px;font-weight:800}.brand-name{font:800 18px Manrope,sans-serif;letter-spacing:-.6px}.brand-name span{color:var(--purple)}.brand-caption{font-size:10px;color:var(--muted);margin-top:2px;letter-spacing:.6px}.nav-label{padding:17px 12px 8px;color:#777386;font-size:10px;text-transform:uppercase;letter-spacing:1.4px;font-weight:700}.nav-list{display:grid;gap:5px}.nav-item{height:43px;border:0;border-radius:12px;background:transparent;color:#a9a5b4;padding:0 12px;display:flex;align-items:center;gap:12px;text-align:left;transition:.18s}.nav-item:hover{background:#ffffff09;color:#fff}.nav-item.active{background:#9b7aff1c;color:#c7b7ff;box-shadow:inset 3px 0 var(--purple)}.nav-icon{width:20px;text-align:center;font-size:16px}.nav-badge{margin-left:auto;background:#f3b76620;color:#f3c784;border-radius:99px;padding:3px 7px;font-size:10px}.side-bottom{margin-top:auto}.side-status{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:11px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#696474}.dot.ok{background:var(--mint);box-shadow:0 0 0 4px #55dbb51a}.dot.warn{background:var(--orange);box-shadow:0 0 0 4px #f3b7661a}.profile{border-top:1px solid var(--line);margin-top:14px;padding:16px 7px 0;display:flex;align-items:center;gap:10px}.avatar{height:34px;width:34px;border-radius:50%;background:#312847;color:#c8b7ff;display:grid;place-items:center;font-weight:700}.profile small{display:block;color:var(--muted);font-size:11px}.profile strong{font-size:12px}.main{margin-left:252px;min-height:100dvh}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #282631;padding:0 clamp(22px,4vw,58px);position:sticky;top:0;background:#0d0c13df;z-index:8;backdrop-filter:blur(18px)}.breadcrumbs{color:var(--muted);font-size:12px}.breadcrumbs b{color:#fff;font-weight:600}.top-actions{display:flex;align-items:center;gap:11px}.icon-btn,.mobile-menu{width:38px;height:38px;border:1px solid var(--line);background:var(--surface);border-radius:12px;color:#c3bfce;display:grid;place-items:center}.mobile-menu{display:none}.content{padding:34px clamp(22px,4vw,58px) 55px;max-width:1600px;margin:0 auto}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:26px}.eyebrow{color:var(--purple);font-size:10px;text-transform:uppercase;letter-spacing:1.6px;font-weight:700;margin-bottom:8px}.page-heading h1{font:700 clamp(23px,3vw,31px) Manrope,sans-serif;letter-spacing:-1.2px;margin:0}.page-heading p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.55;max-width:700px}.btn{border:1px solid var(--line);background:var(--surface-2);color:#eae7f2;min-height:39px;border-radius:11px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:600;transition:.17s}.btn:hover{transform:translateY(-1px);border-color:#5e536f;background:#23212e}.btn.primary{background:linear-gradient(135deg,#a589ff,#7551e1);color:#fff;border-color:transparent;box-shadow:0 8px 24px #7954e836}.btn.mint{background:#55dbb51c;color:#7ce4c5;border-color:#55dbb53f}.btn.danger{color:#ff9aaa;background:#ff718710;border-color:#ff71872d}.btn.small{min-height:32px;padding:0 10px;font-size:11px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.grid{display:grid;gap:17px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}.stat-card,.card,.hero-card{border:1px solid var(--line);background:linear-gradient(145deg,#171620,#13121a);border-radius:var(--radius);box-shadow:0 8px 28px #00000012}.stat-card{padding:18px 19px;position:relative;overflow:hidden}.stat-card:after{content:'';position:absolute;width:95px;height:95px;right:-48px;top:-50px;border-radius:50%;background:var(--glow,#9b7aff20);filter:blur(5px)}.stat-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.stat-icon{width:30px;height:30px;border-radius:10px;background:#9b7aff1c;color:#c1adff;display:grid;place-items:center;font-size:15px}.stat-value{font:700 26px Manrope,sans-serif;letter-spacing:-1px;margin-top:16px}.stat-note{color:var(--subtle);font-size:10px;margin-top:5px}.hero-card{padding:24px 25px;background:radial-gradient(ellipse at 90% 0%,#8055df32,transparent 36%),linear-gradient(115deg,#1d192a,#14131c 62%);display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;min-height:158px}.hero-copy{max-width:600px}.hero-copy h2{font:700 22px Manrope,sans-serif;margin:0 0 8px;letter-spacing:-.7px}.hero-copy p{font-size:12px;line-height:1.6;color:#aaa5b7;margin:0 0 17px}.hero-art{width:170px;min-width:130px;height:100px;position:relative;display:grid;place-items:center}.hero-orbit{position:absolute;width:98px;height:98px;border:1px solid #a389ff38;border-radius:28px;transform:rotate(35deg)}.hero-orbit.two{width:72px;height:72px;transform:rotate(-25deg);border-color:#55dbb553}.hero-bubble{position:absolute;width:64px;height:64px;border-radius:22px;background:linear-gradient(140deg,#aa8bff,#7655e6);display:grid;place-items:center;font-size:30px;box-shadow:0 12px 35px #7954e855}.row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);gap:17px}.card{padding:20px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.card-head h3{font:650 14px Manrope,sans-serif;margin:0}.card-head p{color:var(--muted);font-size:11px;margin:5px 0 0}.empty{padding:28px 18px;border:1px dashed #383543;border-radius:14px;text-align:center;color:var(--muted);font-size:12px;line-height:1.55}.empty-icon{width:44px;height:44px;border-radius:15px;margin:0 auto 10px;display:grid;place-items:center;color:#c4b1ff;background:#9b7aff1a;font-size:19px}.empty b{display:block;color:#e8e4f2;font-size:13px;margin-bottom:4px}.list{display:grid;gap:9px}.list-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #292733;border-radius:12px;background:#ffffff03}.list-row .row-copy{min-width:0;flex:1}.list-row strong{font-size:12px;font-weight:600}.list-row small{display:block;color:var(--muted);font-size:10px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-icon{width:33px;height:33px;border-radius:11px;background:#9b7aff18;color:#c2aeff;display:grid;place-items:center;flex:none}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:99px;padding:5px 8px;font-size:10px;font-weight:600;white-space:nowrap}.badge.good{background:#55dbb51a;color:#7ae2c4}.badge.pending{background:#f3b7661a;color:#f3c982}.badge.bad{background:#ff718718;color:#ff9bab}.badge.neutral{background:#ffffff0b;color:#bdb9c7}.badge.purple{background:#9b7aff1d;color:#c8b8ff}.notice{padding:13px 15px;border:1px solid #8f6e3d66;background:#3b2b151f;color:#d7bd93;border-radius:13px;font-size:11px;line-height:1.55;display:flex;gap:9px;align-items:flex-start;margin-bottom:16px}.notice strong{color:#f1d39d}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}.table{border-collapse:collapse;width:100%;min-width:620px}.table th{background:#1a1922;color:#8f8b9b;text-transform:uppercase;font-size:9px;letter-spacing:.9px;text-align:left;padding:12px 14px}.table td{padding:13px 14px;border-top:1px solid #282631;font-size:11px;color:#d9d5e2}.table td small{display:block;color:var(--muted);margin-top:4px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:grid;gap:7px;margin:13px 0}.field label{font-size:11px;font-weight:600;color:#dedbe6}.field input,.field textarea,.field select{width:100%;border:1px solid #353341;background:#0f0e15;color:#f1eef7;border-radius:10px;padding:11px 12px;font-size:12px;outline:none}.field input::placeholder,.field textarea::placeholder{color:#6f6b78}.field input:focus,.field textarea:focus,.field select:focus{border-color:#9b7aff;box-shadow:0 0 0 3px #9b7aff19}.field textarea{min-height:85px;resize:vertical;line-height:1.5}.field-help{font-size:10px;line-height:1.45;color:#898595}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.copy-field{display:flex;gap:7px}.copy-field input{min-width:0;flex:1}.integration-title{display:flex;align-items:center;gap:11px}.integration-icon{height:38px;width:38px;border-radius:13px;background:#9b7aff1c;color:#c7b5ff;display:grid;place-items:center;font-size:18px}.integration-title h3{margin:0;font:650 15px Manrope}.integration-title p{margin:4px 0 0;color:var(--muted);font-size:10px}.integration-state{margin-left:auto}.flow-toolbar{display:flex;gap:8px;flex-wrap:wrap}.flow-canvas{min-height:470px;border:1px solid #302e3b;border-radius:17px;background-color:#121119;background-image:radial-gradient(#4a46575d 1px,transparent 1px);background-size:19px 19px;padding:27px;overflow:auto}.flow-track{display:flex;align-items:stretch;gap:12px;min-width:max-content}.flow-node{width:205px;background:#191821;border:1px solid #363341;border-radius:13px;overflow:hidden;box-shadow:0 10px 26px #0004;position:relative}.flow-node.selected{border-color:#a286ff;box-shadow:0 0 0 2px #9b7aff25,0 12px 30px #0005}.node-cap{padding:10px 11px;background:#201d2d;border-bottom:1px solid #363341;display:flex;align-items:center;gap:8px;font-size:10px;font-weight:700}.node-cap .type-dot{height:7px;width:7px;border-radius:50%;background:var(--purple)}.flow-node[data-type="trigger"] .type-dot{background:var(--mint)}.flow-node[data-type="receipt"] .type-dot{background:var(--orange)}.flow-node[data-type="review"] .type-dot{background:#f3b766}.flow-node[data-type="webhook"] .type-dot{background:#52b9ff}.node-content{padding:12px;font-size:10px;color:#b9b5c2;line-height:1.5;min-height:66px}.node-actions{padding:0 12px 11px;display:flex;justify-content:space-between;align-items:center}.node-actions button{border:0;background:transparent;color:#a99af0;font-size:10px}.node-add{align-self:center;width:34px;height:34px;border:1px dashed #5e586c;border-radius:50%;background:#16151e;color:#c0b2f5;font-size:19px}.flow-panel{margin-top:15px}.flow-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.flow-panel-grid .field{margin:5px 0}.toggle{position:relative;width:38px;height:21px;border-radius:99px;background:#3a3845;border:0;padding:2px;transition:.2s}.toggle:after{content:'';display:block;width:17px;height:17px;border-radius:50%;background:#d6d2df;transition:.2s}.toggle.on{background:#44c7a5}.toggle.on:after{transform:translateX(17px);background:white}.receipt-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);gap:17px}.receipt-card{display:grid;grid-template-columns:80px 1fr auto;gap:13px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:14px;background:#ffffff03}.receipt-thumb{height:72px;width:80px;border-radius:10px;background:#252331;display:grid;place-items:center;color:#b8a3ff;font-size:24px;overflow:hidden}.receipt-thumb img{width:100%;height:100%;object-fit:cover}.receipt-main{min-width:0}.receipt-main strong{font-size:12px}.receipt-main small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.receipt-main .badge{margin-top:8px}.review-form{padding:18px;border:1px solid #312f3d;border-radius:14px;background:#ffffff03}.tabs{display:flex;gap:6px;padding:4px;border:1px solid #2d2b37;background:#111018;border-radius:12px;width:max-content;margin-bottom:17px}.tab{border:0;background:transparent;color:var(--muted);padding:8px 12px;border-radius:8px;font-size:11px}.tab.active{background:#2a2638;color:#d2c3ff}.message-bubble{padding:10px 12px;border-radius:12px;background:#1d1c26;max-width:78%;font-size:11px;color:#ddd9e5;line-height:1.45;margin:7px 0}.message-bubble.out{margin-left:auto;background:#292143;color:#e6dcff}.message-meta{font-size:9px;color:#827e8c;margin:3px 4px}.chat-window{max-height:330px;overflow:auto;padding:12px;background:#100f16;border:1px solid var(--line);border-radius:14px}.chart-empty{height:170px;border:1px dashed #353341;border-radius:13px;display:grid;place-items:center;color:#888493;font-size:11px}.modal-backdrop{position:fixed;inset:0;background:#05040ac9;display:grid;place-items:center;padding:18px;z-index:30;backdrop-filter:blur(6px)}.modal{width:min(600px,100%);max-height:90dvh;overflow:auto;background:#181720;border:1px solid #3a3747;border-radius:18px;box-shadow:var(--shadow);padding:22px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.modal-head h3{font:700 17px Manrope;margin:0}.close{border:0;background:transparent;color:#aaa5b4;font-size:20px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%,20px);padding:11px 16px;background:#24222e;border:1px solid #4a4657;border-radius:12px;box-shadow:var(--shadow);font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:50;max-width:calc(100vw - 24px)}.toast.show{opacity:1;transform:translate(-50%,0)}.login-wrap{min-height:100dvh;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at 50% 0,#5f43a22e,transparent 50%),#0d0c13}.login-card{width:min(430px,100%);padding:31px;border:1px solid #34313f;border-radius:22px;background:#15141d;box-shadow:var(--shadow)}.login-card .brand{padding:0 0 22px}.login-card h1{font:700 23px Manrope;margin:0 0 8px}.login-card p{font-size:12px;color:var(--muted);line-height:1.55;margin:0 0 18px}.login-card .btn{width:100%;margin-top:6px}.install-banner{position:fixed;bottom:15px;left:calc(252px + 50% - 126px);transform:translateX(-50%);display:none;align-items:center;gap:10px;padding:10px 12px;background:#252235;border:1px solid #544975;border-radius:14px;box-shadow:var(--shadow);z-index:20;font-size:11px}.install-banner.show{display:flex}.install-banner button{border:0;background:none;color:#c4b4ff;font-weight:700}.mobile-bottom{display:none}.skeleton{height:18px;border-radius:6px;background:linear-gradient(90deg,#211f2a,#302c3a,#211f2a);background-size:200% 100%;animation:shine 1.4s infinite}@keyframes shine{to{background-position:-200% 0}}.muted{color:var(--muted)}.mono{font-family:ui-monospace,Consolas,monospace;font-size:10px}.stack{display:grid;gap:12px}.link-box{overflow-wrap:anywhere;padding:12px;border:1px solid #33313f;background:#0e0d14;border-radius:10px;color:#b9b3c8;font-family:ui-monospace,monospace;font-size:10px;line-height:1.5}.divider{height:1px;background:#2c2a36;margin:16px 0}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}.switch-row strong{font-size:11px}.switch-row small{display:block;color:var(--muted);font-size:10px;margin-top:3px}
@media(max-width:1080px){.sidebar{width:220px}.main{margin-left:220px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.row{grid-template-columns:1fr}.install-banner{left:calc(220px + (100% - 220px)/2)}}
@media(max-width:720px){.sidebar{transform:translateX(-100%);transition:transform .22s;width:276px;box-shadow:var(--shadow)}.sidebar.open{transform:translateX(0)}.main{margin-left:0;padding-bottom:62px}.topbar{height:62px;padding:0 15px}.mobile-menu{display:grid}.top-actions{gap:7px}.content{padding:25px 15px 35px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading>.btn{align-self:stretch}.hero-card{padding:20px;min-height:145px}.hero-art{width:95px;min-width:85px;transform:scale(.82)}.hero-copy h2{font-size:18px}.hero-copy p{font-size:11px}.stats-grid{gap:10px}.stat-card{padding:14px}.stat-value{font-size:23px;margin-top:12px}.stat-top{font-size:10px}.settings-grid,.receipt-layout{grid-template-columns:1fr}.flow-canvas{padding:16px;min-height:380px}.flow-panel-grid,.field-row{grid-template-columns:1fr}.receipt-card{grid-template-columns:60px 1fr;gap:10px}.receipt-thumb{width:60px;height:60px}.receipt-card>.btn{grid-column:1/-1}.install-banner{left:50%;bottom:72px}.mobile-bottom{position:fixed;z-index:9;inset:auto 0 0;display:flex;justify-content:space-around;align-items:center;height:59px;background:#111018f5;border-top:1px solid #2b2935;padding-bottom:env(safe-area-inset-bottom);backdrop-filter:blur(12px)}.mobile-bottom button{border:0;background:transparent;color:#9994a5;display:grid;justify-items:center;gap:2px;font-size:9px;padding:5px}.mobile-bottom button.active{color:#c7b5ff}.mobile-bottom i{font-style:normal;font-size:17px}.modal{padding:18px}.flow-toolbar{width:100%}.flow-toolbar .btn{flex:1}.brand{padding-bottom:18px}}
/* Editor visual de fluxos livres */
.flow-library{padding:16px}.flow-library-toolbar,.flow-tools-head,.flow-editor-top,.flow-title-line,.flow-toolbar,.flow-editor-footer{display:flex;align-items:center;gap:10px}.flow-library-toolbar{justify-content:space-between}.flow-search{flex:1;min-width:120px}.flow-status-tabs{display:flex;gap:7px;margin:14px 0}.flow-status-tabs button{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:9px;padding:8px 13px}.flow-status-tabs button.active{background:var(--purple-2);color:white}.flow-library-body{display:grid;grid-template-columns:190px minmax(0,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden;min-height:230px}.flow-folder-list{padding:12px;border-right:1px solid var(--line);background:#171520}.flow-folder-list small{display:block;color:var(--muted);font-size:9px;margin:3px 5px 9px}.flow-folder-list button{width:100%;border:0;border-radius:7px;padding:8px;background:transparent;color:var(--muted);text-align:left;font-size:11px}.flow-folder-list button.active{background:var(--purple-2);color:white}.flow-table{min-width:0}.flow-table-head,.flow-row{display:grid;grid-template-columns:minmax(150px,1fr) 90px 70px 110px 130px;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--line);font-size:10px}.flow-table-head{color:var(--muted);font-size:9px}.flow-open{border:0;background:none;color:var(--text);display:flex;align-items:center;gap:9px;text-align:left;min-width:0}.flow-open strong{overflow:hidden;text-overflow:ellipsis}.flow-status-dot{width:8px;height:8px;border-radius:50%;background:var(--orange);flex:none}.flow-status-dot.active{background:var(--mint)}.flow-row-actions{grid-column:1/-1;display:flex;gap:6px}.flow-library-empty{padding:24px;color:var(--muted);font-size:11px}.flow-editor-page{margin:-34px clamp(-58px,-4vw,-22px) -55px;min-height:calc(100dvh - 74px);display:flex;flex-direction:column;background:#12101a}.flow-editor-top{justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--line);flex-wrap:wrap}.flow-title-line input{width:min(320px,34vw);background:transparent;border:1px solid transparent;color:var(--text);font-weight:700;padding:8px}.flow-title-line input:focus{border-color:var(--line);border-radius:8px}.flow-title-line #flow-save-state{font-size:10px;color:var(--muted)}.flow-toolbar{flex-wrap:wrap}.flow-tools-panel{padding:12px 18px;border-bottom:1px solid var(--line);background:#171520}.flow-tools-panel.hidden{display:none}.flow-tools-head{justify-content:space-between;margin-bottom:10px}.flow-tools-head input{max-width:240px}.flow-tools-grid{display:flex;gap:7px;overflow:auto;padding-bottom:3px}.flow-tool{flex:0 0 145px;min-height:55px;padding:8px 10px;text-align:left;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--text)}.flow-tool:hover{border-color:var(--purple);background:#28213a}.flow-tool b,.flow-tool small{display:block}.flow-tool b{font-size:10px}.flow-tool small{font-size:9px;color:var(--muted);margin-top:4px}.flow-canvas-viewport{position:relative;flex:1;min-height:560px;overflow:hidden;background-color:#111019;background-image:radial-gradient(#4844548c 1px,transparent 1px);background-size:22px 22px;touch-action:none}.flow-world{position:absolute;left:0;top:0;width:5000px;height:3200px;transform-origin:0 0;will-change:transform}.flow-world svg,.flow-nodes{position:absolute;inset:0;width:5000px;height:3200px;overflow:visible}.flow-world svg{pointer-events:none}.flow-edge{fill:none;stroke:#8e76e9;stroke-width:2.5;pointer-events:stroke;cursor:pointer}.flow-edge:hover,.flow-edge.selected{stroke:#c2aaff;stroke-width:4}.flow-edge.temporary{stroke:#f3b766;stroke-dasharray:7 6}.flow-edge-label{fill:#ded5ff;font:12px system-ui;paint-order:stroke;stroke:#111019;stroke-width:5px;pointer-events:stroke;cursor:pointer}.flow-graph-node{position:absolute;width:250px;min-height:145px;border:1px solid #373345;border-radius:12px;background:#1b1925;box-shadow:0 12px 30px #0005;touch-action:none;user-select:none}.flow-graph-node.selected{border-color:var(--purple);box-shadow:0 0 0 2px #9b7aff44,0 12px 30px #0005}.flow-graph-node header{height:36px;padding:0 10px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #302d3b;color:#bdb5d1}.flow-graph-node header small{font-size:9px;flex:1}.flow-node-icon{color:#b79eff}.flow-node-more{border:0;background:transparent;color:#aaa5b4}.flow-node-body{padding:10px 12px}.flow-node-body strong{font-size:11px}.flow-node-body p{font-size:10px;line-height:1.4;color:var(--muted);margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;max-height:52px;overflow:hidden}.flow-graph-node footer{padding:5px 10px;border-top:1px solid #302d3b;display:flex;justify-content:flex-end;gap:8px}.flow-graph-node footer button{border:0;background:transparent;color:var(--muted);font-size:9px}.flow-graph-node footer button:hover{color:white}.flow-port{position:absolute;z-index:2;top:65px;width:14px;height:14px;border:2px solid #171520;border-radius:50%;background:#9b7aff;cursor:crosshair}.flow-port-in{left:-8px;background:#55dbb5}.flow-port-out{right:-8px}.flow-canvas-controls{position:absolute;left:14px;bottom:14px;display:flex;align-items:center;gap:4px;padding:5px;border:1px solid var(--line);border-radius:10px;background:#171520ed;touch-action:auto}.flow-canvas-controls button{width:30px;height:28px;border:0;border-radius:6px;background:transparent;color:var(--text)}.flow-canvas-controls button:hover{background:#ffffff12}.flow-canvas-controls span{min-width:42px;text-align:center;font-size:10px;color:var(--muted)}.flow-minimap{position:absolute;left:14px;bottom:60px;width:205px;height:130px;border:1px solid var(--line);border-radius:9px;background:#171520dd;overflow:hidden;pointer-events:none}.flow-minimap i{position:absolute;width:10px;height:6px;border-radius:2px;background:var(--purple)}.flow-inspector{position:absolute;right:14px;top:14px;bottom:14px;width:min(300px,calc(100% - 28px));padding:14px;border:1px solid var(--line);border-radius:12px;background:#171520f2;box-shadow:var(--shadow);overflow:auto;pointer-events:auto}.flow-inspector:has(.flow-inspector-empty){width:240px;bottom:auto}.flow-inspector-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:15px}.flow-inspector-head small{display:block;color:var(--muted);font-size:9px}.flow-inspector-head strong{font-size:13px}.flow-inspector .field{margin-bottom:12px}.flow-inspector .field label{font-size:10px}.flow-inspector .field input,.flow-inspector .field textarea,.flow-inspector .field select{font-size:11px}.flow-inspector-empty strong{font-size:12px}.flow-inspector-empty p,.field-help{color:var(--muted);font-size:10px;line-height:1.5}.flow-editor-footer{justify-content:space-between;padding:8px 16px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.flow-simulation{white-space:pre-wrap;max-height:60vh;overflow:auto;padding:12px;background:#100f16;border:1px solid var(--line);border-radius:9px;color:#ddd6ef;font:11px/1.6 ui-monospace,Consolas,monospace}
@media(max-width:900px){.flow-library-body{grid-template-columns:140px minmax(0,1fr)}.flow-table-head,.flow-row{grid-template-columns:minmax(130px,1fr) 75px 55px}.flow-table-head span:nth-child(4),.flow-table-head span:nth-child(5),.flow-row>span:nth-of-type(3),.flow-row time{display:none}.flow-inspector{top:auto;right:10px;bottom:10px;max-height:45%;width:min(300px,calc(100% - 20px))}.flow-inspector:has(.flow-inspector-empty){display:none}.flow-minimap{display:none}}
@media(max-width:600px){.flow-editor-page{margin:-25px -15px -35px;min-height:calc(100dvh - 62px - 59px)}.flow-editor-top{padding:9px;gap:8px}.flow-title-line{width:100%;gap:5px}.flow-title-line input{width:38vw}.flow-toolbar{width:100%;gap:5px}.flow-toolbar .btn{flex:1;padding:7px 5px;font-size:9px}.flow-canvas-viewport{min-height:520px}.flow-editor-footer span:last-child{display:none}.flow-library{padding:10px}.flow-library-body{grid-template-columns:1fr}.flow-folder-list{display:flex;overflow:auto;gap:5px;border-right:0;border-bottom:1px solid var(--line)}.flow-folder-list small{display:none}.flow-folder-list button{white-space:nowrap;width:auto}.flow-table-head{display:none}.flow-row{grid-template-columns:minmax(110px,1fr) 75px 50px;padding:10px 8px}.flow-row>span:nth-of-type(2){display:none}}
.flow-edge-remove{cursor:pointer;pointer-events:all}.flow-edge-remove circle{fill:#211d2c;stroke:#f08091;stroke-width:1.5}.flow-edge-remove text{fill:#ff9aa8;font:15px system-ui;text-anchor:middle;pointer-events:none}.flow-edge-remove:hover circle{fill:#552631;stroke:#ff7187}.flow-row-actions .danger{color:#ff8b9a;border-color:#6b3340}.flow-folder-select{min-width:0;width:100%;padding:6px 7px;border:1px solid var(--line);border-radius:7px;background:var(--surface-2);color:var(--muted);font-size:10px}
.flow-edge-hit{fill:none;stroke:transparent;stroke-width:20;pointer-events:stroke;cursor:grab}.flow-edge-hit:active{cursor:grabbing}.flow-edge-remove{opacity:0;pointer-events:none;transition:opacity .12s}.flow-edge-remove.visible{opacity:1;pointer-events:all}.flow-edge.disconnecting{opacity:.18}
.flow-graph-node header{gap:6px}.flow-graph-node header small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-node-action,.flow-node-more{flex:none;width:24px;height:24px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:#aaa5b4;font-size:13px;padding:0}.flow-node-action:hover,.flow-node-more:hover{background:#ffffff12;color:#fff}.flow-node-delete{font-size:19px;color:#f08b9a}.flow-node-delete:hover{background:#612d39;color:#ffc0c8}
.flow-minimap{pointer-events:auto;cursor:crosshair;touch-action:none}.flow-minimap i{pointer-events:none}.flow-minimap:active{border-color:var(--purple)}
.flow-edge-hit{stroke-width:32}.flow-edge-remove{cursor:pointer}.flow-edge-remove-hit{fill:transparent;stroke:transparent;pointer-events:all}.flow-edge-remove-icon{fill:#321e2a;stroke:#ff7187;stroke-width:2.5}.flow-edge-remove text{fill:#fff;font-size:19px;font-weight:800;dominant-baseline:auto}.flow-edge-remove.visible{filter:drop-shadow(0 0 6px #ff7187a8)}.flow-edge-remove.visible:hover .flow-edge-remove-icon{fill:#b83450;stroke:#ffd1d8}.flow-edge-remove.visible text{pointer-events:none}
.flow-node-config-form{max-height:min(68vh,760px);overflow:auto;padding:0 4px 8px 0}.flow-node-config-form h4{margin:18px 0 12px;color:#c7b7ff;font-size:12px}.flow-node-config-form .field{margin:0 0 12px}.flow-node-config-form .field label{display:block;margin-bottom:6px;color:var(--muted);font-size:11px}.flow-node-config-form .field input,.flow-node-config-form .field textarea,.flow-node-config-form .field select{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:9px;background:#100f16;color:var(--text);font-size:12px}.flow-node-config-form .field textarea{resize:vertical;min-height:76px;line-height:1.5}.flow-config-check{display:flex;align-items:center;gap:9px;margin:12px 0;color:var(--muted);font-size:11px}.flow-config-check input{accent-color:var(--purple)}
.flow-graph-node{border-color:var(--node-accent,#a78bfa)}.flow-graph-node.selected{border-color:var(--node-accent,#a78bfa);box-shadow:0 0 0 2px #ffffff22,0 12px 30px #0005}.flow-graph-node header{border-bottom-color:var(--node-accent,#a78bfa);color:var(--node-accent,#a78bfa)}.flow-node-icon{color:var(--node-accent,#a78bfa)}.flow-port-out{background:var(--node-accent,#a78bfa)}
.flow-node-config-form{padding:0}.flow-node-config-form [hidden],.flow-block-editor [hidden]{display:none!important}.modal:has(.flow-block-editor){width:min(580px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;padding:0;background:#1f2937;border:1px solid #344154;color:#f3f4f6}.modal:has(.flow-block-editor) .modal-head{position:sticky;top:0;z-index:2;margin:0;padding:15px 18px;background:#1f2937;border-bottom:1px solid #344154}.modal:has(.flow-block-editor) .modal-head h3{font-size:17px}.modal:has(.flow-block-editor) .flow-node-config-form{padding:16px 18px;max-height:none;overflow:visible}.modal:has(.flow-block-editor) .modal-actions{position:sticky;bottom:0;margin:0;padding:12px 18px;background:#1f2937;border-top:1px solid #344154}.flow-block-modal-title{display:none}.flow-block-editor h4{margin:20px 0 10px;font-size:14px}.flow-block-editor .field{margin:10px 0}.flow-block-editor .field label,.flow-field-label{display:block;margin-bottom:7px;font-size:12px;font-weight:650;color:#e5e7eb}.flow-block-editor input:not([type=checkbox]):not([type=range]),.flow-block-editor textarea,.flow-block-editor select{width:100%;min-height:42px;padding:10px 12px;border:1px solid #465366;border-radius:8px;background:#374151;color:#f9fafb}.flow-block-editor textarea{resize:vertical;line-height:1.5}.flow-block-editor input::placeholder,.flow-block-editor textarea::placeholder{color:#a9b2bf}.flow-message-item{margin:0 0 12px;padding:13px;border:1px solid #3e4a5c;border-radius:9px;background:#202b3a}.flow-message-item header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.flow-message-item header strong{font-size:12px}.flow-message-item-icon{color:#63a5ff}.flow-message-item-actions{display:flex;gap:5px;margin-left:auto}.flow-message-item-actions button,.flow-rich-toolbar button{width:28px;height:26px;border:0;border-radius:5px;background:transparent;color:#c8d1dd}.flow-message-item-actions button:hover,.flow-rich-toolbar button:hover{background:#ffffff18;color:white}.flow-rich-toolbar{display:flex;gap:3px;margin-top:5px}.flow-rich-toolbar button{font-size:13px}.flow-field-caption{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:12px 0 4px;color:#c8d1dd;font-size:11px}.flow-field-caption strong{color:white}.flow-block-editor input[type=range]{width:100%;accent-color:#22d3ee}.flow-help{display:block;margin:6px 0 12px;color:#9ca8b8;font-size:10px;line-height:1.45}.flow-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;margin:0;border-top:1px solid #394658}.flow-toggle-row span{display:grid;gap:6px}.flow-toggle-row b{font-size:11px;color:#eef2f7}.flow-toggle-row small{color:#9ca8b8;font-size:10px;line-height:1.45}.flow-toggle-row input{flex:none;width:38px;height:21px;appearance:none;border:0;border-radius:99px;background:#4b5563;position:relative;cursor:pointer}.flow-toggle-row input:before{content:'';position:absolute;width:15px;height:15px;left:3px;top:3px;border-radius:50%;background:white;transition:transform .15s}.flow-toggle-row input:checked{background:#a855f7}.flow-toggle-row input:checked:before{transform:translateX(17px)}.flow-inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.flow-content-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:12px 0 8px}.flow-content-picker button{min-height:82px;display:grid;align-content:center;justify-items:center;gap:6px;border:1px dashed #526071;border-radius:8px;background:transparent;color:#d3dae4}.flow-content-picker button:hover{border-color:#8b5cf6;background:#ffffff08}.flow-content-picker i{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-size:14px;font-style:normal;background:#2563eb33;color:#60a5fa}.flow-content-picker .content-icon-image{background:#16a34a33;color:#4ade80}.flow-content-picker .content-icon-video{background:#9333ea33;color:#c084fc}.flow-content-picker .content-icon-audio{background:#ea580c33;color:#fb923c}.flow-content-picker .content-icon-interval{background:#0891b233;color:#22d3ee}.flow-content-picker .content-icon-contact{background:#db277733;color:#f472b6}.flow-content-picker .content-icon-file{background:#4f46e533;color:#818cf8}.flow-content-picker .content-icon-sticker{background:#ca8a0433;color:#facc15}.flow-content-picker span{font-size:10px;font-weight:600}.flow-block-editor .flow-config-check{font-size:11px}.flow-block-editor .flow-config-check input{accent-color:#a855f7}
.flow-graph-node{border-width:2px;background:#111827}.flow-graph-node header{height:35px;background:var(--node-accent,#a78bfa);border-bottom:0;border-radius:9px 9px 0 0;color:#fff}.flow-node-icon{color:#fff}.flow-node-action,.flow-node-more{color:#ffffffcc}.flow-node-action:hover,.flow-node-more:hover{background:#ffffff25;color:#fff}.flow-node-body{background:#172033;border-radius:0 0 9px 9px}.flow-node-preview-list{display:grid;gap:4px}.flow-node-preview-list span{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;min-height:24px;padding:5px 7px;border:1px solid #ffffff20;border-radius:5px;background:#23344f;color:#ecf4ff;font-size:9px;line-height:1.3;overflow-wrap:anywhere}.flow-node-preview-list span i{font-style:normal;font-size:8px;color:#b7d6ff}.flow-node-preview-list>small{color:#aab8ca;font-size:8px}.flow-node-wait-preview{display:grid;gap:8px;padding:9px;border:1px solid #fb923c66;border-radius:6px;background:#40251e;color:#ffdfcc;font-size:9px}.flow-node-wait-preview strong{font-size:10px}.flow-node-wait-preview span{text-align:center;color:#ffe5d4}.flow-node-wait-preview b{padding:5px;border-radius:4px;background:#5b3025;text-align:center;font-size:9px}