:root{--c-bg:#f6f7f9;--c-surface:#fff;--c-surface-2:#fafbfc;--c-surface-hover:#f3f4f6;--c-border:#e5e7eb;--c-border-strong:#d1d5db;--c-divider:#eef0f3;--c-text:#0f172a;--c-text-2:#334155;--c-text-3:#64748b;--c-text-4:#94a3b8;--c-brand:#4f46e5;--c-brand-hover:#4338ca;--c-brand-soft:#eef2ff;--c-brand-soft-2:#e0e7ff;--c-brand-ring:rgba(79,70,229,.15);--c-side-bg:#0f172a;--c-side-surface:#1e293b;--c-side-hover:#1e293b;--c-side-active:#312e81;--c-side-text:#cbd5e1;--c-side-text-dim:#64748b;--c-side-text-bright:#fff;--c-side-divider:#1e293b;--c-side-section:#94a3b8;--c-success:#059669;--c-success-soft:#ecfdf5;--c-warn:#d97706;--c-warn-soft:#fffbeb;--c-danger:#dc2626;--c-danger-soft:#fef2f2;--c-info:#0284c7;--c-info-soft:#f0f9ff;--c-node-start:#fef3c7;--c-node-start-br:#f59e0b;--c-node-start-bg:#fef3c7;--c-node-start-bd:#fcd34d;--c-node-message:#dbeafe;--c-node-message-br:#3b82f6;--c-node-message-bg:#dbeafe;--c-node-message-bd:#93c5fd;--c-node-branch:#ede9fe;--c-node-branch-br:#8b5cf6;--c-node-branch-bg:#ede9fe;--c-node-branch-bd:#c4b5fd;--c-node-wait:#f1f5f9;--c-node-wait-br:#64748b;--c-node-wait-bg:#f1f5f9;--c-node-wait-bd:#cbd5e1;--c-node-tag:#dcfce7;--c-node-tag-br:#22c55e;--c-node-tag-bg:#dcfce7;--c-node-tag-bd:#86efac;--c-node-end:#fee2e2;--c-node-end-br:#ef4444;--c-node-end-bg:#fee2e2;--c-node-end-bd:#fca5a5;--sh-xs:0 1px 2px rgba(15,23,42,.04);--sh-sm:0 1px 2px rgba(15,23,42,.06),0 1px 3px rgba(15,23,42,.08);--sh-md:0 4px 6px -1px rgba(15,23,42,.07),0 2px 4px -2px rgba(15,23,42,.05);--sh-lg:0 10px 15px -3px rgba(15,23,42,.08),0 4px 6px -4px rgba(15,23,42,.05);--sh-xl:0 20px 25px -5px rgba(15,23,42,.1),0 8px 10px -6px rgba(15,23,42,.05);--sh-focus:0 0 0 3px var(--c-brand-ring);--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:28px;--sp-8:32px;--btn-h:34px;--btn-h-sm:28px;--input-h:34px;--font-sans:"Inter","Noto Sans JP",-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic UI","Meiryo",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}.app{display:grid;grid-template-columns:var(--sidebar-w,240px) 1fr;height:100vh;overflow:hidden}.app.collapsed{--sidebar-w:64px}.main{display:flex;flex-direction:column;height:100vh;min-width:0;background:var(--c-bg)}.content{flex:1;display:grid;grid-template-columns:1fr;min-height:0;overflow:hidden}.content:has(>.inspector){grid-template-columns:1fr 380px}.content-main{display:flex;flex-direction:column;min-width:0;overflow-y:auto}.scroll::-webkit-scrollbar{width:10px;height:10px}.scroll::-webkit-scrollbar-track{background:transparent}.scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px;border:2px solid var(--c-surface)}.scroll::-webkit-scrollbar-thumb:hover{background:#9ca3af}.scroll-dark::-webkit-scrollbar{width:10px;height:10px}.scroll-dark::-webkit-scrollbar-track{background:transparent}.scroll-dark::-webkit-scrollbar-thumb{background:#334155;border-radius:10px;border:2px solid var(--c-side-bg)}.scroll-dark::-webkit-scrollbar-thumb:hover{background:#475569}.sidebar{background:var(--c-side-bg);color:var(--c-side-text);display:flex;flex-direction:column;height:100vh;overflow:hidden;border-right:1px solid #1e293b}.sb-brand{display:flex;align-items:center;gap:10px;padding:18px 18px 16px;min-height:60px;border-bottom:1px solid var(--c-side-divider)}.sb-brand-mark{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#6366f1,#4338ca);display:grid;place-items:center;color:#fff;font-weight:700;font-size:13px;flex-shrink:0;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2)}.sb-brand-text{display:flex;flex-direction:column;min-width:0}.sb-brand-name{color:#fff;font-weight:600;font-size:14px;letter-spacing:.02em}.sb-brand-sub{color:var(--c-side-text-dim);font-size:11px}.sb-company{margin:12px 12px 0;padding:10px 12px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:8px;display:flex;align-items:center;gap:10px;font-size:12px;cursor:pointer;transition:background .15s}.sb-company:hover{background:hsla(0,0%,100%,.06)}.sb-company-avatar{width:24px;height:24px;border-radius:6px;background:#475569;display:grid;place-items:center;color:#fff;font-weight:600;font-size:11px;flex-shrink:0}.sb-company-name{color:var(--c-side-text-bright);font-weight:500;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-company-chev{color:var(--c-side-text-dim);flex-shrink:0}.sb-search{margin:12px;position:relative}.sb-search input{width:100%;height:32px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.06);border-radius:6px;padding:0 10px 0 32px;color:#fff;font-size:12px;outline:none;font-family:inherit}.sb-search input::-moz-placeholder{color:var(--c-side-text-dim)}.sb-search input::placeholder{color:var(--c-side-text-dim)}.sb-search input:focus{border-color:rgba(99,102,241,.5);background:hsla(0,0%,100%,.06)}.sb-search-icon{left:10px;pointer-events:none}.sb-search-icon,.sb-search-kbd{position:absolute;top:50%;transform:translateY(-50%);color:var(--c-side-text-dim)}.sb-search-kbd{right:8px;font-size:10px;border:1px solid hsla(0,0%,100%,.1);padding:1px 5px;border-radius:3px;font-family:var(--font-mono)}.sb-nav{flex:1;overflow-y:auto;padding:4px 8px 16px}.sb-section{margin-top:14px}.sb-section-label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--c-side-section);padding:4px 12px 6px;justify-content:space-between}.sb-item,.sb-section-label{display:flex;align-items:center}.sb-item{gap:10px;padding:7px 12px;margin:1px 0;border-radius:6px;color:var(--c-side-text);font-size:13px;cursor:pointer;transition:background .12s,color .12s;text-decoration:none;position:relative}.sb-item.active,.sb-item:hover{background:var(--c-brand);color:#fff;box-shadow:0 1px 2px rgba(79,70,229,.35)}.sb-item.active{font-weight:500}.sb-item.active .sb-item-icon{color:#fff}.sb-item-icon{width:16px;height:16px;color:var(--c-side-text-dim);flex-shrink:0}.sb-item:hover .sb-item-icon{color:#fff}.sb-item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-item-badge{font-size:10px;padding:1px 6px;border-radius:10px;background:hsla(0,0%,100%,.1);color:var(--c-side-text-bright);font-weight:500}.sb-item.active .sb-item-badge{background:hsla(0,0%,100%,.2)}.sb-footer{border-top:1px solid var(--c-side-divider);padding:10px 12px;display:flex;align-items:center;gap:10px;cursor:pointer}.sb-footer:hover{background:hsla(0,0%,100%,.03)}.sb-footer-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#818cf8,#6366f1);color:#fff;font-weight:600;font-size:11px;display:grid;place-items:center;flex-shrink:0}.sb-footer-info{flex:1;min-width:0}.sb-footer-name{color:#fff;font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-footer-role{color:var(--c-side-text-dim);font-size:11px}.sb-divider{height:1px;background:var(--c-side-divider);margin:8px 12px}button.sb-section-label{background:transparent;border:0;width:100%;padding:6px 12px;margin-top:10px;display:flex;align-items:center;gap:8px;color:var(--c-side-section);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:4px;text-align:left}button.sb-section-label:hover{background:hsla(0,0%,100%,.03);color:var(--c-side-text-bright)}button.sb-section-label .chev{transition:transform .15s ease;color:var(--c-side-text-dim)}button.sb-section-label[data-collapsed=true] .chev{transform:rotate(-90deg)}.sb-new-buttons{margin-top:14px;padding-top:12px;border-top:1px solid var(--c-side-divider);display:flex;flex-direction:column;gap:8px}.sb-new-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 12px;border:0;border-radius:6px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:filter .15s,box-shadow .15s;text-align:center}.sb-new-btn.primary{background:linear-gradient(135deg,#6366f1,#4338ca);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.15)}.sb-new-btn.primary:hover{filter:brightness(1.08);box-shadow:0 2px 6px rgba(79,70,229,.35)}.sb-new-btn.warn{background:linear-gradient(135deg,#f59e0b,#ef4444);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.15)}.sb-new-btn.warn:hover{filter:brightness(1.08);box-shadow:0 2px 6px rgba(239,68,68,.35)}.sb-footer-logout{background:transparent;border:0;color:var(--c-side-text-dim);font-size:11px;padding:4px 8px;border-radius:4px;cursor:pointer;transition:color .15s,background .15s}.sb-footer-logout:hover{color:#f87171;background:hsla(0,91%,71%,.08)}@media (min-width:768px){.sidebar.is-mobile-hidden,.sidebar.is-mobile-open{display:flex;position:static;width:256px}}@media (max-width:767px){.sidebar.is-mobile-hidden{display:none}.sidebar.is-mobile-open{display:flex;position:fixed;inset:0 auto 0 0;width:256px;z-index:40}}.sidebar-backdrop.is-visible{position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:30}.topbar{height:56px;background:var(--c-surface);border-bottom:1px solid var(--c-border);padding:0 20px;gap:16px;flex-shrink:0}.crumbs,.topbar{display:flex;align-items:center}.crumbs{gap:6px;color:var(--c-text-3);font-size:13px}.crumbs .sep{color:var(--c-text-4)}.crumbs .current{color:var(--c-text);font-weight:500}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:8px}.iconbtn{width:32px;height:32px;border-radius:6px;background:transparent;border:1px solid transparent;display:grid;place-items:center;color:var(--c-text-3);cursor:pointer;transition:background .12s,color .12s}.iconbtn:hover{background:var(--c-surface-hover);color:var(--c-text)}.iconbtn.danger:hover{color:var(--c-danger);background:var(--c-danger-soft)}.pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:500;padding:3px 8px;border-radius:12px;line-height:1}.pill-dot{width:6px;height:6px;border-radius:50%}.pill.success{background:var(--c-success-soft);color:var(--c-success)}.pill.success .pill-dot{background:var(--c-success)}.pill.warn{background:var(--c-warn-soft);color:var(--c-warn)}.pill.warn .pill-dot{background:var(--c-warn)}.pill.info{background:var(--c-info-soft);color:var(--c-info)}.pill.info .pill-dot{background:var(--c-info)}.pill.muted{background:var(--c-surface-hover);color:var(--c-text-3)}.pill.muted .pill-dot{background:var(--c-text-4)}.btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:6px;border:1px solid var(--c-border-strong);background:var(--c-surface);color:var(--c-text);font-size:13px;font-weight:500;cursor:pointer;transition:background .12s,border-color .12s,box-shadow .12s}.btn:hover{background:var(--c-surface-hover)}.btn:focus-visible{outline:none;box-shadow:var(--sh-focus)}.btn.sm{height:28px;padding:0 10px;font-size:12px}.btn.primary{background:var(--c-brand);border-color:var(--c-brand);color:#fff}.btn.primary:hover{background:var(--c-brand-hover);border-color:var(--c-brand-hover)}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:var(--c-surface-hover)}.btn.danger{color:var(--c-danger);border-color:var(--c-border-strong)}.btn.danger:hover{background:var(--c-danger-soft);border-color:var(--c-danger)}.page-head{background:var(--c-surface);border-bottom:1px solid var(--c-border);padding:14px 28px}.page-title{font-size:20px;font-weight:700;margin:0 0 4px;letter-spacing:-.01em;display:flex;align-items:center;gap:10px}.page-desc{color:var(--c-text-3);font-size:13px;margin:0}.page-head-actions{display:flex;align-items:center;gap:8px;margin-top:14px}.section{background:var(--c-surface);border-bottom:1px solid var(--c-border);padding:14px 28px}.section-hd{justify-content:space-between;margin-bottom:12px}.section-hd,.section-hd h3{display:flex;align-items:center}.section-hd h3{font-size:13px;font-weight:600;margin:0;color:var(--c-text);gap:8px;white-space:nowrap;flex-shrink:0}.section-hd .hint{color:var(--c-text-3);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:16px;min-width:0}.section-hd{gap:12px}.fields{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 20px}.field{flex-direction:column}.field,.field label{display:flex;gap:6px}.field label{font-size:12px;font-weight:500;color:var(--c-text-2);align-items:center}.field label .req{color:var(--c-danger)}.field label .opt{color:var(--c-text-4);font-weight:400}.input,.select{height:34px;padding:0 12px;border:1px solid var(--c-border-strong);border-radius:6px;background:var(--c-surface);font-size:13px;color:var(--c-text);font-family:inherit;outline:none;transition:border-color .12s,box-shadow .12s}.input:hover,.select:hover{border-color:#9ca3af}.input:focus,.select:focus{border-color:var(--c-brand);box-shadow:var(--sh-focus)}.input::-moz-placeholder{color:var(--c-text-4)}.input::placeholder{color:var(--c-text-4)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px}.channels{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.channel{position:relative;padding:10px 12px;border:1.5px solid var(--c-border);border-radius:10px;cursor:pointer;background:var(--c-surface);transition:all .12s;display:flex;flex-direction:column;gap:3px}.channel:hover{border-color:var(--c-border-strong);background:var(--c-surface-2)}.channel.active{border-color:var(--c-brand);background:var(--c-brand-soft);box-shadow:0 0 0 3px var(--c-brand-ring)}.channel-hd{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px}.channel-desc{color:var(--c-text-3);font-size:11px;line-height:1.45}.channel-icon{width:18px;height:18px}.channel .check{position:absolute;top:10px;right:10px;width:16px;height:16px;border-radius:50%;background:var(--c-brand);display:grid;place-items:center;color:#fff;opacity:0;transform:scale(.6);transition:all .15s}.channel.active .check{opacity:1;transform:scale(1)}.toggle-wrap{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--c-text-2)}.toggle{position:relative;width:36px;height:20px;background:#cbd5e1;border-radius:20px;cursor:pointer;transition:background .15s;flex-shrink:0}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .15s}.toggle.on{background:var(--c-success)}.toggle.on:after{transform:translateX(16px)}.inline-row{gap:18px;flex-wrap:wrap}.inline-field,.inline-row{display:flex;align-items:center}.inline-field{gap:8px;font-size:12px;color:var(--c-text-2);white-space:nowrap}.inline-field .select{height:30px;font-size:12px;padding-right:28px;min-width:140px}.canvas{position:relative;background:radial-gradient(circle,#dbe0e6 1px,transparent 1px) 0 0 /20px 20px,var(--c-bg);padding:24px 28px 80px;overflow:visible}.canvas-toolbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:10px;box-shadow:var(--sh-sm);margin:0 0 24px;width:-moz-fit-content;width:fit-content}.canvas-toolbar .sep{width:1px;height:18px;background:var(--c-border);margin:0 2px}.zoom-display{font-size:12px;color:var(--c-text-2);font-variant-numeric:tabular-nums;padding:0 6px;min-width:44px;text-align:center}.flow{flex-direction:column;align-items:center;gap:0;min-width:1000px}.flow,.lane{display:flex}.lane{justify-content:center;gap:60px;position:relative}.connector{width:2px;height:28px;background:#cbd5e1}.connector.branch{height:40px;background:linear-gradient(180deg,transparent 20px,#cbd5e1 0)}.node{position:relative;min-width:200px;background:var(--c-surface);border-radius:10px;box-shadow:var(--sh-sm);border:1.5px solid var(--c-border);cursor:pointer;transition:box-shadow .15s,border-color .15s,transform .12s}.node:hover{box-shadow:var(--sh-md);border-color:var(--c-border-strong)}.node.selected{border-color:var(--c-brand);box-shadow:0 0 0 3px var(--c-brand-ring),var(--sh-md)}.node-hd{display:flex;align-items:center;gap:8px;padding:8px 12px;border-top-left-radius:9px;border-top-right-radius:9px;font-size:11px;font-weight:600;letter-spacing:.02em}.node-hd .node-icon{width:14px;height:14px;display:grid;place-items:center}.node-hd .node-type{flex:1}.node-hd .node-num{font-size:10px;opacity:.6;font-variant-numeric:tabular-nums}.node-body{padding:10px 12px 12px}.node-title{font-size:13px;font-weight:600;color:var(--c-text);margin-bottom:2px}.node-sub{font-family:var(--font-mono)}.node-meta,.node-sub{font-size:11px;color:var(--c-text-3)}.node-meta{display:flex;align-items:center;gap:6px;margin-top:8px}.node.start .node-hd{background:var(--c-node-start);color:#92400e}.node.start{border-color:#fcd34d}.node.message .node-hd{background:var(--c-node-message);color:#1e40af}.node.message{border-color:#93c5fd}.node.branch .node-hd{background:var(--c-node-branch);color:#5b21b6}.node.branch{border-color:#c4b5fd}.node.wait .node-hd{background:var(--c-node-wait);color:#334155}.node.wait{border-color:#cbd5e1}.node.tag .node-hd{background:var(--c-node-tag);color:#166534}.node.tag{border-color:#86efac}.node.end .node-hd{background:var(--c-node-end);color:#991b1b}.node.end{border-color:#fca5a5}.branch-split{position:relative;width:100%;display:flex;justify-content:center;padding-top:28px}.branch-split:before{top:0;width:2px;height:28px;left:50%;transform:translateX(-50%)}.branch-split:after,.branch-split:before{content:"";position:absolute;background:#cbd5e1}.branch-split:after{top:28px;left:var(--from,0);right:var(--to,0);height:2px}.branch-columns{display:flex;gap:40px;margin-top:12px;padding-top:28px;position:relative}.branch-columns:before{content:"";position:absolute;top:0;left:calc((100% - 40px * (var(--col-count, 2) - 1)) / (var(--col-count, 2) * 2));right:calc((100% - 40px * (var(--col-count, 2) - 1)) / (var(--col-count, 2) * 2));height:2px;background:#cbd5e1}.branch-col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:0;position:relative}.branch-col:before{content:"";top:-28px;width:2px;height:28px;background:#cbd5e1}.branch-col:before,.branch-label{position:absolute;left:50%;transform:translateX(-50%)}.branch-label{top:-20px;padding:2px 8px;border-radius:10px;border:1px solid var(--c-border);font-size:10px;white-space:nowrap}.add-between,.branch-label{background:var(--c-surface);color:var(--c-text-3);z-index:2}.add-between{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--c-border-strong);display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity .15s,background .12s,color .12s,border-color .12s;margin:4px 0;position:relative}.flow:hover .add-between{opacity:1}.add-between:hover{background:var(--c-brand);color:#fff;border-color:var(--c-brand)}.branch-trunk{position:relative;width:100%;height:28px;margin-top:0}.inspector{background:var(--c-surface);border-left:1px solid var(--c-border);display:flex;flex-direction:column;overflow-y:auto;height:100%}.ins-hd{padding:16px 20px;border-bottom:1px solid var(--c-border);display:flex;align-items:center;gap:10px}.ins-hd-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.ins-hd-text{flex:1;min-width:0}.ins-hd-eyebrow{font-size:10px;font-weight:600;color:var(--c-text-3);text-transform:uppercase;letter-spacing:.08em}.ins-hd-title{font-size:15px;font-weight:600;color:var(--c-text)}.ins-tabs{display:flex;border-bottom:1px solid var(--c-border);padding:0 16px;gap:2px}.ins-tab{padding:10px 12px;font-size:12px;color:var(--c-text-3);cursor:pointer;margin-bottom:-1px;font-weight:500;transition:color .12s,border-color .12s;background:transparent;border:0;border-bottom:2px solid transparent}.ins-tab:hover{color:var(--c-text)}.ins-tab.active{color:var(--c-brand);border-bottom-color:var(--c-brand)}.ins-body{flex:1;padding:16px 20px;overflow-y:auto}.ins-section{margin-bottom:20px}.ins-section h4{font-size:11px;font-weight:600;color:var(--c-text-3);text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px}.ins-field{margin-bottom:12px}.ins-field label{display:block;font-size:12px;font-weight:500;color:var(--c-text-2);margin-bottom:5px}.ins-field .input,.ins-field .select,.ins-field textarea{width:100%}textarea.input{height:auto;min-height:80px;padding:8px 12px;line-height:1.5;resize:vertical}.line-preview{background:#8bafc8;border-radius:10px;padding:20px 16px 14px;margin-bottom:12px;position:relative}.line-preview-head{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:#fff;font-size:12px;font-weight:500}.line-avatar{width:32px;height:32px;border-radius:50%;background:#fff;display:grid;place-items:center;color:#06c755;font-weight:700;font-size:14px;flex-shrink:0}.line-bubble-row{display:flex;align-items:flex-end;gap:8px}.line-bubble{background:#fff;border-radius:4px 14px 14px 14px;padding:10px 12px;font-size:13px;color:var(--c-text);max-width:82%;line-height:1.5;box-shadow:0 1px 1px rgba(0,0,0,.05);white-space:pre-wrap}.line-time{font-size:10px;color:hsla(0,0%,100%,.8);margin-bottom:2px;white-space:nowrap}.ins-footer{padding:12px 20px;border-top:1px solid var(--c-border);display:flex;gap:8px;background:var(--c-surface-2)}.ins-footer .btn{flex:1;justify-content:center}.toast-wrap{position:fixed;right:20px;bottom:20px;z-index:1000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{min-width:240px;max-width:400px;padding:10px 14px;border-radius:var(--r-md);background:var(--c-surface);border:1px solid var(--c-border);box-shadow:var(--sh-lg);font-size:13px;color:var(--c-text);animation:toast-in .18s ease-out;pointer-events:auto}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast-success{border-left:3px solid var(--c-success)}.toast-info{border-left:3px solid var(--c-info)}.toast-warn{border-left:3px solid var(--c-warn)}.help-overlay{position:fixed;inset:0;background:rgba(15,23,42,.4);z-index:1100;display:grid;place-items:center;animation:help-fade .15s ease-out}@keyframes help-fade{0%{opacity:0}to{opacity:1}}.help-card{background:var(--c-surface);border-radius:var(--r-lg);box-shadow:var(--sh-xl);padding:24px 28px;min-width:380px;max-width:480px}.help-card h3{font-size:14px;font-weight:600;margin:0 0 16px;color:var(--c-text)}.help-card dl{margin:0;display:flex;flex-direction:column;gap:10px}.help-row{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:12px}.help-row dt{margin:0}.help-row dd{margin:0;font-size:13px;color:var(--c-text-2)}.help-card kbd{display:inline-block;padding:2px 8px;background:var(--c-surface-2);border:solid var(--c-border-strong);border-width:1px 1px 2px;border-radius:4px;font-family:var(--font-mono);font-size:11px;color:var(--c-text-2)}.widget-preview-root{border:1px solid #d1d5db;border-radius:12px;padding:16px;background:#f9fafb;min-height:400px;position:relative}.widget-preview-tabs{display:flex;gap:4px;margin-bottom:12px;border-bottom:1px solid #e5e7eb}.widget-preview-tabs button{padding:6px 12px;font-size:12px;background:transparent;border:none;cursor:pointer;color:#6b7280}.widget-preview-tabs button.active{color:#111827;border-bottom:2px solid var(--widget-primary-color,#4f8ef7);font-weight:600}.widget-preview-frame{position:relative;height:320px}.widget-preview-position-bottom-right .widget-preview-launcher{position:absolute;right:12px;bottom:12px}.widget-preview-position-bottom-left .widget-preview-launcher{position:absolute;left:12px;bottom:12px}.widget-preview-launcher{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.widget-preview-greeting{position:absolute;bottom:80px;right:12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px 12px;font-size:12px;color:#374151;max-width:220px}.widget-preview-announcements,.widget-preview-cards{margin:0;padding:0;list-style:none}.widget-preview-announcement,.widget-preview-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px 12px;margin:4px 0;font-size:13px;color:#111827;list-style:none}body:has(aside.sidebar){background:var(--c-bg);color:var(--c-text);font-family:var(--font-sans)}body:has(aside.sidebar) .bg-white.rounded-xl{border-radius:var(--r-lg);box-shadow:var(--sh-sm);border-color:var(--c-border);transition:box-shadow .2s ease,transform .15s ease}body:has(aside.sidebar) .bg-white.rounded-xl:hover{box-shadow:var(--sh-md)}body:has(aside.sidebar) .bg-white.rounded-2xl{border-radius:var(--r-xl);box-shadow:var(--sh-xl);border-color:var(--c-border)}body:has(aside.sidebar) input[type=date],body:has(aside.sidebar) input[type=email],body:has(aside.sidebar) input[type=number],body:has(aside.sidebar) input[type=password],body:has(aside.sidebar) input[type=search],body:has(aside.sidebar) input[type=tel],body:has(aside.sidebar) input[type=text],body:has(aside.sidebar) input[type=time],body:has(aside.sidebar) input[type=url],body:has(aside.sidebar) select,body:has(aside.sidebar) textarea{border-radius:var(--r-md);border-color:var(--c-border);transition:border-color .15s ease,box-shadow .15s ease}body:has(aside.sidebar) input[type=date]:focus,body:has(aside.sidebar) input[type=email]:focus,body:has(aside.sidebar) input[type=number]:focus,body:has(aside.sidebar) input[type=password]:focus,body:has(aside.sidebar) input[type=search]:focus,body:has(aside.sidebar) input[type=tel]:focus,body:has(aside.sidebar) input[type=text]:focus,body:has(aside.sidebar) input[type=time]:focus,body:has(aside.sidebar) input[type=url]:focus,body:has(aside.sidebar) select:focus,body:has(aside.sidebar) textarea:focus{border-color:var(--c-brand);box-shadow:var(--sh-focus);outline:none}body:has(aside.sidebar) button.rounded-lg.font-semibold{border-radius:var(--r-md);transition:background-color .15s ease,box-shadow .15s ease,transform .1s ease}body:has(aside.sidebar) button.rounded-lg.font-semibold:hover:not(:disabled){box-shadow:var(--sh-sm)}body:has(aside.sidebar) button.rounded-lg.font-semibold:focus-visible{outline:2px solid var(--c-brand);outline-offset:2px}body:has(aside.sidebar) button.rounded-lg.font-semibold:active:not(:disabled){transform:translateY(1px)}body:has(aside.sidebar) .rounded-full.font-semibold{letter-spacing:.02em}body:has(aside.sidebar) h1,body:has(aside.sidebar) h2{letter-spacing:-.01em}body:has(aside.sidebar) h1{color:var(--c-text)}body:has(aside.sidebar) h2{color:var(--c-text)}body:has(aside.sidebar) h3{color:var(--c-text-2);letter-spacing:.005em}body:has(aside.sidebar) table{border-radius:var(--r-md);overflow:hidden}body:has(aside.sidebar) thead tr{background:var(--c-surface-2)}body:has(aside.sidebar) tbody tr:hover{background:var(--c-surface-hover)}body:has(aside.sidebar) hr{border-color:var(--c-divider)}body:has(aside.sidebar) ::-webkit-scrollbar{width:10px;height:10px}body:has(aside.sidebar) ::-webkit-scrollbar-thumb{background:var(--c-border-strong);border-radius:var(--r-sm);border:2px solid var(--c-surface)}body:has(aside.sidebar) ::-webkit-scrollbar-thumb:hover{background:var(--c-text-4)}body:has(aside.sidebar) .topbar .pill{letter-spacing:normal}body:has(aside.sidebar) .inspector input,body:has(aside.sidebar) .inspector select,body:has(aside.sidebar) .inspector textarea,body:has(aside.sidebar) .sidebar input{border-radius:var(--r-md)}body:has(aside.sidebar) .v1-step-canvas{background:radial-gradient(circle,#dbe0e6 1px,transparent 0) 0 0 /20px 20px,linear-gradient(180deg,#fafbfc,#f3f4f6)!important}body:has(aside.sidebar) .v1-node{position:relative;box-shadow:var(--sh-sm)!important;transition:box-shadow .15s,border-color .15s,transform .12s;padding-top:14px!important;overflow:hidden}body:has(aside.sidebar) .v1-node:hover{box-shadow:var(--sh-md)!important}body:has(aside.sidebar) .v1-node:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--c-node-message-br)}body:has(aside.sidebar) .v1-node-message:before{background:var(--c-node-message-br)}body:has(aside.sidebar) .v1-node-condition:before{background:var(--c-node-branch-br)}body:has(aside.sidebar) .v1-node-wait:before{background:var(--c-node-wait-br)}body:has(aside.sidebar) .v1-node-start:before{background:var(--c-node-start-br)}body:has(aside.sidebar) .v1-node-end:before{background:var(--c-node-end-br)}body:has(aside.sidebar) .v1-node-tag:before{background:var(--c-node-tag-br)}body:has(aside.sidebar) .v1-step-canvas .w-\[2px\].h-5{visibility:hidden!important}body:has(aside.sidebar) .v1-step-canvas .rounded-lg.border.px-4.py-2{margin-top:0!important}body:has(aside.sidebar) .v1-step-canvas .w-\[2px\].h-4.bg-\[\#C084FC\]{visibility:hidden!important}body:has(aside.sidebar) .v1-step-canvas .v1-branch-col{position:relative}body:has(aside.sidebar) .v1-step-canvas .v1-branch-col:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:2px;height:30px;background:#c084fc;pointer-events:none;z-index:5}body:has(aside.sidebar) .v1-step-canvas .v1-condition-stem{position:relative}body:has(aside.sidebar) .v1-step-canvas .v1-condition-stem:before{content:"";position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:2px;height:30px;background:#c084fc;pointer-events:none;z-index:5}body:has(aside.sidebar) .v1-node>.flex>.w-5.h-5>svg,body:has(aside.sidebar) .v1-node>div>.w-5.h-5>svg{color:#fff}