.wf-page{--wf-trigger-bg:#eef5c6;--wf-trigger-ink:#55640c;--wf-condition-bg:#dcebf6;--wf-condition-ink:#2b6396;--wf-action-bg:#dff1e5;--wf-action-ink:#1f6b43;--wf-delay-bg:#f9e6d7;--wf-delay-ink:#9a5a24}.wf-k-trigger{--k-bg:var(--wf-trigger-bg);--k-ink:var(--wf-trigger-ink)}.wf-k-condition{--k-bg:var(--wf-condition-bg);--k-ink:var(--wf-condition-ink)}.wf-k-action{--k-bg:var(--wf-action-bg);--k-ink:var(--wf-action-ink)}.wf-k-delay{--k-bg:var(--wf-delay-bg);--k-ink:var(--wf-delay-ink)}.wf-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700}.wf-layout{display:grid;grid-template-columns:230px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:start}.wf-pick{display:none}.wf-list{padding:6px;display:flex;flex-direction:column;gap:2px;position:-webkit-sticky;position:sticky;top:0}.wf-li{display:flex;align-items:center;gap:6px;padding:2px 4px 2px 0;border-radius:9px;border:1px solid transparent;transition:background .15s,border-color .15s}.wf-li:hover{background:var(--surface-2)}.wf-li.is-on{background:#fff;border-color:var(--line-2);box-shadow:var(--shadow)}.wf-li__main{flex:1 1;min-width:0;text-align:left;padding:7px 8px;display:flex;flex-direction:column;gap:1px}.wf-li__main strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf-li .switch{transform:scale(.85)}.wf-canvas{padding:0;min-width:0;overflow:hidden}.wf-head{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line);flex-wrap:wrap}.wf-name{flex:1 1;min-width:140px;border:1px solid transparent;background:transparent;border-radius:7px;padding:4px 6px;font-size:14px;font-weight:700;letter-spacing:-.01em;transition:border-color .15s,background .15s}.wf-name:hover{border-color:var(--line)}.wf-name:focus{outline:none;border-color:var(--primary-2);background:#fff;box-shadow:0 0 0 3px rgba(45,106,83,.15)}.wf-on{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:11px;color:var(--ink-2)}.wf-body{display:grid;grid-template-columns:minmax(0,1fr) 260px;grid-gap:0;gap:0}.wf-chain{list-style:none;margin:0;padding:20px 18px 24px;position:relative;max-width:620px;width:100%;justify-self:center}.wf-item{position:relative;transition:transform .28s var(--ease);will-change:transform}.wf-item.is-drag .wf-step{box-shadow:var(--shadow-lg);border-color:var(--primary-2)}.wf-new .wf-step{animation:wf-in .5s var(--ease)}@keyframes wf-in{0%{opacity:0;transform:translateY(-10px) scale(.96)}}.wf-step{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line-2);border-radius:12px;padding:8px 8px 8px 4px;box-shadow:var(--shadow);transition:border-color .25s,box-shadow .3s,background .3s;position:relative}.wf-step:hover{border-color:rgba(27,27,24,.3)}.wf-grip{width:20px;align-self:stretch;display:grid;place-items:center;color:var(--ink-3);border-radius:6px;cursor:-webkit-grab;cursor:grab;touch-action:none;flex:none}.wf-grip:hover{color:var(--ink);background:var(--surface-2)}.wf-grip:active{cursor:-webkit-grabbing;cursor:grabbing}.wf-grip[disabled]{opacity:.3;cursor:default}.wf-ico{position:relative;width:32px;height:32px;border-radius:10px;background:var(--k-bg);color:var(--k-ink);display:grid;place-items:center;flex:none;transition:transform .3s var(--ease)}.wf-check{position:absolute;right:-4px;bottom:-4px;width:14px;height:14px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;border:1.5px solid #fff;transform:scale(0);transition:transform .35s var(--ease);font-style:normal}.wf-step.is-done .wf-check{transform:scale(1)}.wf-step.is-done{border-color:rgba(47,143,91,.45);background:#fbfdf9}.wf-step.is-cur{border-color:var(--primary-2);box-shadow:0 0 0 3px rgba(214,238,107,.55),var(--shadow)}.wf-step.is-cur .wf-ico{transform:scale(1.12)}.wf-text{flex:1 1;min-width:0;text-align:left;display:flex;flex-direction:column;gap:1px;padding:2px 4px;border-radius:8px}.wf-text .eyebrow{color:var(--k-ink);font-size:8.5px}.wf-text strong{font-size:12px;font-weight:600}.wf-text small{color:var(--ink-3);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf-ctrl{display:flex;gap:0;opacity:0;transition:opacity .15s;flex:none}.wf-step:focus-within .wf-ctrl,.wf-step:hover .wf-ctrl{opacity:1}.wf-ctrl .icon-btn{width:24px;height:24px}.wf-ctrl .icon-btn[disabled]{opacity:.3;pointer-events:none}.wf-del:hover{color:var(--red);background:#f8dedb}.wf-edit{flex:1 1;min-width:0;padding:4px 4px 4px 0}.wf-conn{position:relative;height:38px;margin-left:38px;width:2px}.wf-conn:before{inset:0;background:var(--line-2)}.wf-conn:after,.wf-conn:before{content:"";position:absolute;border-radius:2px}.wf-conn:after{left:0;top:0;width:2px;height:100%;background:var(--green);transform:scaleY(0);transform-origin:top;transition:transform .6s var(--ease)}.wf-conn.is-lit:after{transform:scaleY(1)}.wf-conn.is-end:before{background:repeating-linear-gradient(to bottom,var(--line-2) 0 3px,transparent 3px 6px)}.wf-plus{position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:#fff;border:1px solid var(--line-2);color:var(--ink-2);display:grid;place-items:center;opacity:0;transform:scale(.7);transition:opacity .15s,transform .25s var(--ease),background .15s,color .15s;z-index:2}.wf-conn.is-end .wf-plus,.wf-conn:hover .wf-plus,.wf-plus:focus-visible{opacity:1;transform:scale(1)}.wf-plus:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.wf-plus[disabled]{pointer-events:none;opacity:0}.wf-conn::selection{background:none}.wf-dot{position:absolute;left:0;top:0;width:14px;height:14px;border-radius:50%;background:var(--lime);border:2px solid var(--primary);box-shadow:0 0 0 4px rgba(214,238,107,.45),0 0 16px 4px rgba(214,238,107,.9);opacity:0;z-index:6;pointer-events:none;transition:opacity .25s;animation:wf-glow 1.1s ease-in-out infinite}@keyframes wf-glow{50%{box-shadow:0 0 0 7px rgba(214,238,107,.25),0 0 22px 7px rgba(214,238,107,.95)}}.wf-emptyflow{align-items:center;gap:8px;padding:8px 0 16px;list-style:none}.wf-emptyflow,.wf-form{display:flex;flex-direction:column}.wf-form{gap:10px}.wf-kinds{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px}.wf-kind{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px;border:1px solid var(--line-2);border-radius:10px;background:#fff;text-align:left;color:var(--k-ink);transition:background .2s,border-color .2s,transform .2s var(--ease)}.wf-kind strong{font-size:11px;color:var(--ink)}.wf-kind small{font-size:9px;color:var(--ink-3);line-height:1.3}.wf-kind:hover{transform:translateY(-1px)}.wf-kind.is-on{background:var(--k-bg);border-color:var(--k-ink)}.wf-chips{display:flex;flex-wrap:wrap;gap:5px}.wf-chip{height:22px;padding:0 8px;border-radius:11px;background:var(--surface-2);border:1px solid var(--line);font-size:10px;font-weight:600;color:var(--ink-2);transition:background .15s}.wf-chip:hover{background:var(--lime);color:var(--ink)}.wf-form__foot{display:flex;justify-content:flex-end;gap:8px}.wf-log{border-left:1px solid var(--line);background:var(--surface-2);display:flex;flex-direction:column;min-height:240px;max-height:560px}.wf-log__head{align-items:center;color:var(--ink-3);border-bottom:1px solid var(--line)}.wf-log__body,.wf-log__head{display:flex;gap:6px;padding:10px 12px}.wf-log__body{flex:1 1;overflow:auto;flex-direction:column;font-size:11px}.wf-log__body p{margin:0;line-height:1.5}.wf-line{display:grid;grid-template-columns:38px 1fr;grid-gap:6px;gap:6px;animation:wf-line .35s var(--ease);line-height:1.4}.wf-line time{font:600 9px/1.7 var(--mono);color:var(--ink-3)}.wf-line.is-ok span:before{content:"\2713 ";color:var(--green);font-weight:700}.wf-line.is-end{font-weight:700;color:var(--primary)}@keyframes wf-line{0%{opacity:0;transform:translateX(-6px)}}@media (max-width:980px){.wf-body{grid-template-columns:1fr}.wf-log{border-left:0;border-top:1px solid var(--line);min-height:160px;max-height:280px}}@media (max-width:760px){.wf-layout{grid-template-columns:1fr}.wf-list{display:none}.wf-pick{display:block}.wf-chain{padding:14px 8px 18px}.wf-ctrl{opacity:1}.wf-ctrl .icon-btn{width:28px;height:28px}.wf-kinds{grid-template-columns:1fr 1fr}.wf-plus{opacity:1;transform:none}}@media (hover:none){.wf-ctrl,.wf-plus{opacity:1}.wf-plus{transform:none}}@media (prefers-reduced-motion:reduce){.wf-dot,.wf-line,.wf-new .wf-step{animation:none}}