:root .kx.ui.af{--fx-bg:var(--p-surface);--fx-surface:color-mix(in oklab, var(--p-ink) 6%, var(--p-surface));--fx-ink:var(--p-ink);--fx-muted:var(--p-muted);--fx-accent:var(--p-ink);--fx-accent-ink:var(--p-bg);--u-tile:var(--p-ink);--u-tile-edge:none;background:var(--p-surface);font-family:var(--font-text);box-shadow:none;border:1px solid color-mix(in oklab, var(--p-ink) 12%, transparent)}:root .kx.ui.af .kx__bar{background:color-mix(in oklab, var(--p-ink) 3%, var(--p-surface))}:root .kx.ui.af .kx__crumb,:root .kx.ui.af .kx__label,:root .kx.ui.af .kx-chip,:root .kx.ui.af .kx-tag{font-family:var(--font-text);font-size:13px}:root .kx.ui.af .kx-opt{border-color:color-mix(in oklab, var(--p-ink) 16%, transparent);color:var(--p-ink);background:0 0}:root .kx.ui.af .kx-opt:hover{border-color:color-mix(in oklab, var(--p-ink) 40%, transparent)}:root .kx.ui.af .kx-opt[aria-pressed=true],:root .kx.ui.af .kx-opt[aria-checked=true],:root .kx.ui.af .kx-opt.is-on{background:var(--p-ink);border-color:var(--p-ink);color:var(--p-bg)}:root .kx.ui.af .kx-opt:focus-visible,:root .kx.ui.af .kx-btn:focus-visible{outline:2px solid var(--p-ink);outline-offset:2px}:root .kx.ui.af .kx-chip{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--p-ink) 16%, transparent);color:var(--p-ink);background:0 0}:root .kx.ui.af .kx-chip--on,:root .kx.ui.af .kx-chip--accent{background:var(--p-ink);box-shadow:none;color:var(--p-bg)}:root .kx.ui.af .kx-chip--ok{color:var(--p-ink)}:root .kx.ui.af .kx-btn{background:var(--p-ink);color:var(--p-bg)}:root .kx.ui.af .kx-btn:hover{background:color-mix(in oklab, var(--p-ink) 85%, var(--p-bg))}:root .kx.ui.af .kx-btn--ghost{color:var(--p-ink);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--p-ink) 16%, transparent);background:0 0}:root .kx.ui.af ::-webkit-scrollbar{width:6px;height:6px}:root .kx.ui.af ::-webkit-scrollbar-thumb{background:color-mix(in oklab, var(--p-ink) 18%, transparent);border-radius:3px}:root .kx.ui.af ::-webkit-scrollbar-track{background:0 0}.af{grid-template-rows:minmax(0,1fr);height:560px;display:grid}.af__body{grid-template-rows:auto minmax(0,1fr);gap:16px;min-height:0;display:grid}.af__triggers{grid-template-columns:repeat(3,minmax(0,auto));justify-content:start;gap:8px;display:grid}.af__opt{padding:0 18px;font-size:13px}.af{min-width:0;max-width:100%}.af__stage{grid-template-columns:minmax(96px,150px) minmax(96px,150px) minmax(0,1fr);align-items:stretch;column-gap:clamp(24px,3.4vw,48px);max-width:100%;min-height:0;display:grid;position:relative}.af__nodes{display:contents}.af__node{z-index:1;background:var(--u-fill);min-height:124px;box-shadow:inset 0 0 0 1px var(--u-line);transition:background-color .24s var(--ease), box-shadow .24s var(--ease);border-radius:12px;align-content:start;align-self:center;justify-items:start;gap:4px;padding:12px;display:grid;position:relative}.af__node .kx-ico{transition:background-color .24s var(--ease);margin-bottom:4px}.af__node b{font-size:14px;font-weight:500;line-height:1.25}.af__node small{color:var(--u-muted);font-size:12px;line-height:1.3}.af__node.is-lit{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--u-accent) 70%, transparent)}.af__node.is-lit .kx-ico{background:var(--u-accent);color:var(--u-accent-ink)}.af__node.is-on .af__t{opacity:1;transform:none}.af__t{font:500 12px/1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--u-muted);opacity:0;transition:opacity .2s var(--ease), transform .2s var(--ease);transform:translateY(4px)}.af__t.is-in{opacity:1;transform:none}.af__node .af__t{margin-top:2px}.af__lanes{z-index:1;grid-template-rows:repeat(3,minmax(0,1fr));gap:10px;min-height:0;margin:0;padding:0;list-style:none;display:grid;position:relative}.af__lane{background:var(--u-fill);min-height:0;box-shadow:inset 0 0 0 1px var(--u-line);transition:box-shadow .3s var(--ease), background-color .3s var(--ease);border-radius:12px;grid-template-rows:auto minmax(0,1fr);gap:8px;padding:12px;display:grid;overflow:hidden}.af__lane p{overflow-wrap:anywhere;color:var(--u-text-2);transition:color .3s var(--ease);margin:0;font-size:13px;line-height:1.45}.af__lane.is-sent p{color:var(--u-ink)}.af__lane.is-sent{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--u-accent) 55%, transparent);animation:af-land .7s var(--ease) backwards}@keyframes af-land{0%{box-shadow:inset 0 0 0 1px var(--u-line), 0 0 0 0 transparent;background:var(--u-fill)}30%{background:var(--u-tint)}}.af__lane-head{grid-template-columns:36px minmax(0,1fr) auto auto;align-items:center;gap:10px;display:grid}.af__lane-head b{font-weight:500}.af__state{min-width:64px;transition:background-color .2s var(--ease), color .2s var(--ease);justify-content:center}.af__wires{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:visible}.af__w{fill:none;stroke:var(--u-line-2);stroke-width:2px;stroke-linecap:round}.af__lit{fill:none;stroke:var(--p-accent);stroke-width:2px;stroke-linecap:round}.af__core{fill:var(--p-accent)}.af__dotc{opacity:0}.af__sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1023px){.af__stage{grid-template-columns:130px 130px minmax(0,1fr);column-gap:36px}.af{height:560px}}@media (width<=767px){.af{height:620px}}@media (width<=639px){.af{height:600px}.af__body{gap:12px;padding:12px}.af__triggers{grid-template-columns:repeat(3,minmax(0,1fr))}.af__opt{padding:0 4px}.af__stage{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);align-items:start;row-gap:0}.af__nodes{grid-row:1;row-gap:22px;display:grid}.af__node{grid-template-rows:auto auto;grid-template-columns:36px minmax(0,1fr) auto;align-self:stretch;place-items:center start;gap:0 12px;min-height:0;padding:10px}.af__node .kx-ico{grid-row:1/span 2;margin:0}.af__node .af__t{grid-area:1/3/span 2;margin:0}.af__lanes{grid-row:2;align-self:stretch;margin-top:12px;margin-left:44px}.af__lane{padding:10px}.af__lane-head{grid-template-columns:36px minmax(0,1fr) auto}.af__lane-head .af__t{display:none}.af__lane p{font-size:13px}}@media (prefers-reduced-motion:reduce){.af__node,.af__node .kx-ico,.af__lane,.af__lane p,.af__t,.af__state{transition:none}.af__lane.is-sent{animation:none}}.af .kx-ico{width:36px;height:36px}.af__top{align-items:center;gap:8px;min-width:0;display:flex}.af__top .af__triggers{flex:auto;min-width:0}.af__pause{flex:none;width:44px;padding:0}.af__pause[hidden]{display:none}.af__pause svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.af__pause[aria-pressed=true] svg path{fill:currentColor}@media (width>=1024px) and (width<=1279px){.af__stage{grid-template-columns:112px 112px minmax(0,1fr);column-gap:28px}.af__lane-head{grid-template-columns:36px minmax(0,1fr) auto}.af__lane-head .af__t{display:none}}.mc{--mc-line:color-mix(in oklab, var(--p-ink) 12%, transparent);--mc-line-2:color-mix(in oklab, var(--p-ink) 22%, transparent);box-sizing:border-box;border:1px solid var(--mc-line);border-radius:var(--r-lg,20px);background:var(--p-surface);width:100%;min-width:0;color:var(--p-ink);font:400 15px/1.45 var(--font-text);gap:20px;padding:24px;display:grid}.mc__fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.mc-step{gap:8px;min-width:0;display:grid}.mc-step label{font:500 14px/1.2 var(--font-text);color:var(--p-muted)}.mc-step__row{border:1px solid var(--mc-line-2);background:var(--p-bg);border-radius:10px;grid-template-columns:44px minmax(0,1fr) 44px;height:46px;display:grid;overflow:hidden}.mc-step__btn{color:var(--p-ink);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.mc-step__btn:hover:not(:disabled){background:color-mix(in oklab, var(--p-ink) 7%, transparent)}.mc-step__btn:disabled{color:var(--p-muted);cursor:default;opacity:.5}.mc-step__btn:focus-visible{outline:2px solid var(--p-ink);outline-offset:-2px}.mc-step__btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:16px;height:16px}.mc-step__box{justify-content:center;align-items:center;gap:2px;min-width:0;padding:0 4px;display:flex}.mc-step__unit{font:500 16px/1 var(--font-mono);color:var(--p-muted)}.mc-step input{width:100%;min-width:0;max-width:9ch;height:100%;color:var(--p-ink);text-align:center;font:500 16px/1 var(--font-mono);font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield;background:0 0;border:0;padding:0}.mc-step input::-webkit-outer-spin-button,.mc-step input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mc-step input:focus-visible{outline:2px solid var(--p-ink);outline-offset:1px}.mc__out{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;display:grid}.mc__out>div{align-content:start;gap:6px;min-width:0;display:grid}.mc__out dt{font:400 14px/1.3 var(--font-text);color:var(--p-muted)}.mc__out dd{font:500 clamp(26px, 2.4vw, 36px)/1.05 var(--font-mono);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--p-ink);overflow-wrap:anywhere;margin:0}.mc__track{background:color-mix(in oklab, var(--p-ink) 8%, transparent);border-radius:4px;height:8px;display:flex;overflow:hidden}.mc__track i{background:color-mix(in oklab, var(--p-ink) 70%, transparent);transition:width .2s var(--ease);display:block}.mc__track b{transition:width .2s var(--ease);display:block}.mc__foot{border-top:1px solid var(--mc-line);justify-content:space-between;align-items:center;gap:20px;padding-top:16px;display:flex}.mc__note{max-width:60ch;color:var(--p-muted);margin:0;font-size:14px}.mc__go{flex:none}@media (width<=639px){.mc{gap:16px;padding:16px}.mc__fields,.mc__out{grid-template-columns:minmax(0,1fr)}.mc__out>div{grid-template-columns:minmax(0,1fr) auto;align-items:baseline}.mc__out dd{font-size:26px}.mc__foot{flex-direction:column;align-items:stretch}.mc__go{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.mc__track i,.mc__track b{transition:none}}
