:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#fafafa;--surface:#fff;--surface-2:#f2f2f2;--surface-3:#ebebeb;--foreground:#171717;--muted:#666;--faint:#8f8f8f;--border:#ebebeb;--border-strong:#dcdcdc;--primary:#171717;--primary-hover:#383838;--primary-foreground:#fff;--accent:#0070f3;--accent-soft:#ebf5ff;--accent-ring:#0070f340;--success:#107d32;--success-soft:#e8f7ee;--warning:#a35200;--warning-soft:#fff4e5;--danger:#cb2a2f;--danger-soft:#ffebeb;--edge:#a8a8a8;--dot:#e3e3e3;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 1px 2px #0000000a, 0 4px 8px #0000000a;--shadow-lg:0 2px 4px #0000000d, 0 12px 32px #0000001f;--radius:8px;--radius-sm:6px;--ease-out:cubic-bezier(.23, 1, .32, 1);--font-sans:Geist, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sidebar-width:232px;--kind-text:#0068d6;--kind-image:#107d32;--kind-carousel:#7d3cc9;--kind-buttons:#a35200;--kind-tag:#666}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#000;--surface:#0a0a0a;--surface-2:#1a1a1a;--surface-3:#232323;--foreground:#ededed;--muted:#a1a1a1;--faint:#7c7c7c;--border:#1f1f1f;--border-strong:#2e2e2e;--primary:#ededed;--primary-hover:#fff;--primary-foreground:#0a0a0a;--accent:#3291ff;--accent-soft:#0a1f3d;--accent-ring:#3291ff55;--success:#4cc275;--success-soft:#0d2617;--warning:#f2a33a;--warning-soft:#2b1d08;--danger:#ff6166;--danger-soft:#331113;--edge:#5c5c5c;--dot:#1f1f1f;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 1px 2px #00000080, 0 4px 8px #0006;--shadow-lg:0 2px 4px #00000080, 0 12px 32px #000000b3;--kind-text:#52a8ff;--kind-image:#4cc275;--kind-carousel:#b98cf5;--kind-buttons:#f2a33a;--kind-tag:#a1a1a1}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--background);color:var(--foreground);font:14px/1.5 var(--font-sans), sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}h1,h2,h3,p{margin:0}h1{letter-spacing:-.3px;font-size:15px;font-weight:600}h2{letter-spacing:-.8px;font-size:24px;font-weight:600}h3{letter-spacing:-.2px;font-size:14px;font-weight:600}.muted,small{color:var(--muted)}small{font-size:13px}svg.icon{stroke:currentColor;fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:16px;height:16px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button,input,select,textarea{font:inherit;color:inherit;min-width:0}button{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;min-height:32px;transition:transform .16s var(--ease-out), background-color .15s ease, border-color .15s ease, opacity .15s ease;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:500;display:inline-flex}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.45;cursor:not-allowed}button[aria-busy=true]{opacity:.6;cursor:progress}button.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}button.quiet{color:var(--muted);background:0 0;border-color:#0000}button.danger{color:var(--danger)}button.small{min-height:28px;padding:0 10px;font-size:13px}input,select,textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:36px;padding:7px 10px;font-size:14px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:none}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);cursor:pointer;background-position:calc(100% - 15px),calc(100% - 11px);background-repeat:no-repeat;background-size:4px 4px,4px 4px;padding-right:28px}textarea{resize:vertical;min-height:88px;line-height:1.55}input[type=checkbox]{width:16px;height:16px;min-height:0;accent-color:var(--accent);padding:0}input[type=file]{color:var(--muted);padding:6px;font-size:13px}input[type=file]::file-selector-button{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--foreground);font:inherit;cursor:pointer;border-radius:5px;margin-right:10px;padding:4px 10px}label{color:var(--muted);margin:14px 0 0;font-size:13px;font-weight:500;display:block}label input,label textarea,label select{color:var(--foreground);margin-top:6px;font-weight:400;display:block}label:has(>input[type=checkbox]){justify-content:space-between;align-items:center;gap:12px;display:flex}label>input[type=checkbox]{margin:0;display:inline-block}.pill{background:var(--surface-2);width:fit-content;height:22px;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex}.pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.pill.plain:before{display:none}.pill.success{background:var(--success-soft);color:var(--success)}.pill.warning{background:var(--warning-soft);color:var(--warning)}.pill.danger{background:var(--danger-soft);color:var(--danger)}.pill.start{background:var(--primary);color:var(--primary-foreground)}.brand{align-items:center;gap:10px;display:flex}.brand-mark{background:var(--primary);border-radius:7px;flex-shrink:0;width:24px;height:24px;position:relative}.brand-mark:after{content:"";background:var(--primary-foreground);border-radius:50%;position:absolute;inset:8px}.app{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100dvh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:4px;height:100dvh;padding:16px 12px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar .brand{padding:0 8px 14px}.primary-nav{flex-direction:column;gap:2px;display:flex}.primary-nav button{width:100%;min-height:34px;color:var(--muted);background:0 0;border-color:#0000;justify-content:flex-start;gap:10px;padding:0 8px}.primary-nav button[aria-pressed=true]{background:var(--surface-2);color:var(--foreground)}.sidebar-field{color:var(--faint);margin:14px 0 4px;padding:0 8px;font-size:12px;font-weight:500}.sidebar-field select{min-height:34px;margin-top:6px;font-size:14px;font-weight:500}.sidebar-lock{justify-content:flex-start;gap:10px;width:100%;margin-top:auto;padding:0 8px}.workspace{flex-direction:column;min-width:0;display:flex}.toolbar{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:6px;height:56px;padding:0 12px 0 16px;display:flex}.toolbar select{background-color:#0000;border-color:#0000;width:auto;max-width:220px;min-height:32px;font-size:15px;font-weight:600}.toolbar .spacer{flex:1}.toolbar .divider{background:var(--border);width:1px;height:20px;margin:0 4px}.draft-state{margin-left:6px}.palette{border-top:1px solid var(--border);flex-direction:column;gap:2px;margin-top:14px;padding-top:14px;display:flex}.palette>small{color:var(--faint);padding:0 8px 6px;font-size:12px;font-weight:500;display:block}.palette .private-constraint{border-radius:var(--radius-sm);background:var(--warning-soft);color:var(--warning);margin:8px 0 0;padding:8px;font-size:13px}.palette button{cursor:grab;background:0 0;border-color:#0000;justify-content:flex-start;gap:10px;width:100%;min-height:36px;padding:0 8px}.kind-chip{width:24px;height:24px;color:var(--kind);background:color-mix(in srgb, var(--kind) 12%, transparent);border-radius:6px;flex-shrink:0;place-items:center;display:grid}.kind-chip svg.icon{width:14px;height:14px}.kind-chip.trigger-chip{color:var(--primary-foreground);background:var(--primary)}[data-kind=text]{--kind:var(--kind-text)}[data-kind=image]{--kind:var(--kind-image)}[data-kind=carousel]{--kind:var(--kind-carousel)}[data-kind=buttons]{--kind:var(--kind-buttons)}[data-kind=add_tag],[data-kind=remove_tag]{--kind:var(--kind-tag)}main{grid-template-columns:minmax(260px,1fr) 360px;height:calc(100dvh - 56px);min-height:560px;display:grid}.canvas{background-color:var(--background);background-image:radial-gradient(var(--dot) 1px, transparent 1px);overscroll-behavior:contain;background-size:20px 20px;min-width:0;position:relative;overflow:auto}.edges{pointer-events:none;position:absolute;inset:0 auto auto 0;overflow:visible}.edges path{fill:none;stroke:var(--edge);stroke-width:1.5px}.edges path.branch{stroke-dasharray:4 4}.edges marker path{fill:var(--edge);stroke:none}.node,.trigger-node{border:1px solid var(--border-strong);background:var(--surface);box-shadow:var(--shadow-md);transition:box-shadow .2s var(--ease-out), border-color .15s ease;border-radius:12px;position:absolute}.node{touch-action:none;cursor:grab;overflow-wrap:anywhere;-webkit-user-select:none;user-select:none;width:232px}.node.dragging{cursor:grabbing;box-shadow:var(--shadow-lg);z-index:2}.node.selected,.node:focus-visible,.trigger-node.selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring), var(--shadow-md);outline:none}.node.connect-target{cursor:crosshair}.node:before,.node:after,.trigger-node:after{content:"";border:1.5px solid var(--edge);background:var(--surface);border-radius:50%;width:9px;height:9px;position:absolute;top:15px}.node:before{left:-5.5px}.node:after,.trigger-node:after{right:-5.5px}.node-head{border-bottom:1px solid var(--border);align-items:center;gap:8px;height:40px;padding:0 10px;display:flex}.node-head .kind-chip{width:22px;height:22px}.node-head strong{flex:1;font-size:13px;font-weight:600}.node-head .pill{height:20px;padding:0 7px;font-size:11px}.node p{-webkit-line-clamp:4;-webkit-box-orient:vertical;padding:10px 12px 12px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.node p.tag{font-family:var(--font-mono);font-size:12.5px}.node img{object-fit:cover;pointer-events:none;border-radius:6px;width:calc(100% - 24px);height:96px;margin:0 12px 12px;display:block}.node>small{padding:0 12px 12px;display:block}.trigger-node{z-index:1}.trigger-head{border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:12px 12px 0 0;justify-content:flex-start;gap:8px;width:100%;height:42px;padding:0 10px;font-size:13px;font-weight:600}.trigger-head .kind-chip{width:22px;height:22px}.trigger-head .count{margin-left:auto;font-size:12px;font-weight:500}.trigger-items{flex-direction:column;gap:6px;padding:10px;display:flex}.trigger-item{border-color:var(--border);border-radius:var(--radius);background:var(--background);white-space:normal;text-align:left;overflow-wrap:anywhere;justify-content:flex-start;gap:10px;width:100%;min-height:40px;padding:6px 10px;font-size:13px;font-weight:500}.trigger-item.off{opacity:.6}.trigger-item .pill{height:18px;margin-left:auto;font-size:11px}.channel-dot{width:24px;height:24px;color:var(--kind-text);background:color-mix(in srgb, var(--kind-text) 12%, transparent);border-radius:50%;flex-shrink:0;place-items:center;display:grid}[data-channel=instagram] .channel-dot{color:#c4176c;background:#c4176c1f}.channel-dot svg.icon{width:13px;height:13px}.trigger-empty{color:var(--muted);text-align:center;padding:8px;font-size:13px}.trigger-add{width:100%;min-height:34px;color:var(--muted);background:0 0;border-style:dashed;font-size:13px}.trigger-then{border-top:1px solid var(--border);color:var(--muted);padding:8px 12px;font-size:12px}.empty{text-align:center;color:var(--muted);place-content:center;gap:4px;display:grid;position:absolute;inset:0}.empty strong{color:var(--foreground);font-size:15px;font-weight:600}.side-panel{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;min-width:0;height:100%;display:flex;overflow:auto}aside{border-bottom:1px solid var(--border);flex-shrink:0;max-height:52%;padding:4px 18px 20px;overflow:auto}aside:empty{display:none}.panel-title{color:var(--faint);margin:18px 0 2px;font-size:12px;font-weight:500}aside h2{border-top:1px solid var(--border);letter-spacing:-.2px;align-items:center;gap:8px;margin:22px 0 0;padding-top:16px;font-size:15px;display:flex}.panel-help{color:var(--muted);margin-top:6px;font-size:13px}.node small,aside h2{text-transform:capitalize}.actions{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.button-editor{gap:8px;margin-top:14px;display:grid}.button-editor .button-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--background);gap:8px;padding:10px;display:grid}.button-editor .button-item label{margin:0}.button-editor>button,.button-editor .button-item>button{justify-self:start}.card-editor{border:1px solid var(--border);border-radius:var(--radius);margin-top:16px;padding:12px}.card-editor h3{color:var(--muted);font-size:13px}#trigger-panel{margin-top:14px}.trigger-list{flex-direction:column;gap:6px;display:flex}.trigger-row{border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:6px;padding:8px 8px 8px 12px;display:flex}.trigger-row p{overflow-wrap:anywhere;flex:1;min-width:0;font-size:13px}.trigger-row.other{background:var(--background);color:var(--muted)}.trigger-row.invalid{border-color:var(--danger-soft);background:var(--danger-soft);color:var(--danger)}.trigger-form-title{border-top:1px solid var(--border);margin-top:18px;padding-top:14px;font-size:13px}.trigger-form>label:first-child{margin-top:10px}.trigger-form>small{margin-top:8px;font-size:12px;line-height:1.4;display:block}.trigger-form>small:empty{display:none}.trigger-form>button{margin-top:14px}.test-panel{flex-direction:column;flex:1;min-height:280px;padding:0 18px 18px;display:flex}.test-head{align-items:center;gap:8px;padding:14px 0 10px;display:flex}.test-head h2{letter-spacing:0;border:0;margin:0;padding:0;font-size:14px}.test-compose{align-items:flex-end;gap:6px;display:flex}.test-compose label{flex:1;margin:0}.conversation{border:1px solid var(--border);border-radius:var(--radius);background:var(--background);flex-direction:column;flex:1;align-items:flex-start;gap:6px;min-height:120px;max-height:360px;margin-top:12px;padding:12px;display:flex;overflow:auto}.conversation>p:not(.bubble){color:var(--muted);text-align:center;align-self:center;margin:auto 0;font-size:13px}.bubble{border:1px solid var(--border);background:var(--surface);white-space:pre-wrap;overflow-wrap:anywhere;max-width:85%;animation:bubble-in .22s var(--ease-out) both;border-radius:14px 14px 14px 4px;padding:8px 12px;font-size:14px}.bubble.mine{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground);border-radius:14px 14px 4px;align-self:flex-end}.bubble.system{color:var(--muted);font-family:var(--font-mono);background:0 0;border:0;padding:2px 4px;font-size:12px}.conversation img{width:70%;height:auto;animation:bubble-in .22s var(--ease-out) both;border-radius:12px;display:block}.conversation>button{border-radius:999px;min-height:30px;font-size:13px}@keyframes bubble-in{0%{opacity:0;transform:translateY(4px)}}.overview{width:100%;max-width:1000px;height:auto;min-height:0;margin:0 auto;padding:48px 40px 80px;display:block}.overview-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;display:flex}.overview-head small{margin-top:4px;font-size:14px;display:block}.overview>h2{margin-bottom:24px}.page-list,.flow-list,.connected-pages{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:12px;display:grid;overflow:hidden}.page-row,.flow-row{border-top:1px solid var(--border);grid-template-columns:36px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px 16px;display:grid}.page-row:first-child,.flow-row:first-child{border-top:0}.flow-row{grid-template-columns:36px minmax(0,1fr) auto auto auto}.row-main{gap:1px;min-width:0;display:grid}.row-main h3{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-main p,.row-main small{color:var(--muted);font-size:13px}.avatar{border:1px solid var(--border);background:var(--background);width:36px;height:36px;color:var(--muted);border-radius:50%;place-items:center;font-size:13px;font-weight:600;display:grid}.avatar svg.icon{width:17px;height:17px}.list-empty{text-align:center;color:var(--muted);justify-items:center;gap:12px;padding:40px 16px;display:grid}.connections-layout{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:24px;display:grid}.connection-form{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:12px;padding:20px}.connection-form>small.pill{margin-top:8px}.connection-form>label:first-of-type,.connection-form .actions{margin-top:18px}.connected-pages>h3{border-bottom:1px solid var(--border);padding:14px 16px}.connected-pages>p{text-align:center;color:var(--muted);padding:32px 16px}.connection-row{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:14px 16px;display:flex}.connected-pages>h3+.connection-row{border-top:0}.connection-row .row-main{flex:1;min-width:160px}.connection-row .row-actions{flex-wrap:wrap;flex-basis:100%;gap:4px;padding-left:40px;display:flex}.connection-notice{border-radius:var(--radius);background:var(--success-soft);color:var(--success);margin-bottom:16px;padding:10px 14px;font-weight:500}.connection-notice.cancelled{background:var(--warning-soft);color:var(--warning)}output{z-index:10;border-radius:var(--radius);background:var(--primary);max-width:calc(100vw - 32px);color:var(--primary-foreground);box-shadow:var(--shadow-lg);pointer-events:none;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:500;transition:opacity .15s,transform .15s;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}output[data-state=visible]{transition:opacity .26s var(--ease-out), transform .26s var(--ease-out)}output[data-state=hidden]{opacity:0;transform:translate(-50%,6px)}output[data-tone=error]:before{content:"";background:var(--danger);border-radius:50%;width:7px;height:7px}output:empty{display:none}pre{border:1px solid var(--border);border-radius:var(--radius);background:var(--background);font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 0;padding:12px;font-size:12px;line-height:1.55}.login-wrap{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.login{border:1px solid var(--border);background:var(--surface);width:100%;max-width:380px;box-shadow:var(--shadow-lg);transition:opacity .4s var(--ease-out), transform .4s var(--ease-out);border-radius:12px;padding:28px}@starting-style{.login{opacity:0;transform:translateY(8px)}}.login .brand{margin-bottom:22px}.login .brand-mark{border-radius:9px;width:32px;height:32px}.login .brand-mark:after{inset:10px}.login h1{font-size:18px}.login p{color:var(--muted)}.login>button{width:100%;min-height:40px;margin-top:16px}@media (hover:hover) and (pointer:fine){button:hover:not(:disabled){background:var(--surface-2)}button.primary:hover:not(:disabled){background:var(--primary-hover)}button.quiet:hover:not(:disabled),.primary-nav button:hover{background:var(--surface-2);color:var(--foreground)}button.danger:hover:not(:disabled){background:var(--danger-soft)}.palette button:hover:not(:disabled),.trigger-item:hover{background:var(--surface-2)}.trigger-head:hover{background:var(--background)}.node:hover:not(.selected){border-color:var(--edge)}.page-row:hover,.flow-row:hover{background:var(--background)}}@media (max-width:1100px){main{grid-template-columns:minmax(0,1fr) 320px}.connections-layout{grid-template-columns:1fr}}@media (max-width:720px){.app{grid-template-columns:minmax(0,1fr)}.sidebar{border-right:0;border-bottom:1px solid var(--border);flex-flow:wrap;align-items:center;height:auto;padding:8px 10px;position:static}.sidebar .brand{padding:0 6px 0 4px}.sidebar .brand h1{display:none}.primary-nav{flex-direction:row}.primary-nav button{width:auto}.sidebar-field{align-items:center;margin:0;padding:0;font-size:0;display:flex}.sidebar-field select{max-width:150px;margin:0}.sidebar-lock{width:auto;margin:0 0 0 auto}.palette{flex-flow:wrap;flex-basis:100%;order:10;margin:4px 0 0;padding-top:6px}.palette>small{display:none}.palette button{width:auto}.toolbar{flex-wrap:wrap;row-gap:4px;height:auto;padding:8px 10px}.toolbar select{max-width:160px}.toolbar .spacer,.toolbar .divider,.draft-state{display:none}main{grid-template-columns:minmax(0,1fr);height:auto;min-height:0}.canvas{height:440px}.side-panel{border-left:0;border-top:1px solid var(--border);height:auto}aside{max-height:none}.overview{padding:24px 16px 80px}.overview-head{flex-wrap:wrap}.page-row{grid-template-columns:36px minmax(0,1fr) auto}.flow-row{grid-template-columns:36px minmax(0,1fr) auto auto}.page-row>.pill,.flow-row>.pill:first-of-type{display:none}}@media (prefers-reduced-motion:reduce){button,.login,output,output[data-state]{transition:opacity .15s}button:active:not(:disabled){transform:none}output[data-state=hidden]{transform:translate(-50%)}@starting-style{.login{transform:none}}.bubble,.conversation img{animation:none}}.trigger-types{gap:6px;margin-top:10px;display:grid}.trigger-type{border-color:var(--border);border-radius:var(--radius);text-align:left;white-space:normal;justify-content:flex-start;gap:10px;width:100%;min-height:48px;padding:6px 10px}.trigger-type[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}.trigger-type-text{min-width:0;display:grid}.trigger-type-text strong{font-size:13px;font-weight:600}.trigger-type-text small{font-size:12px;font-weight:400}