.wfd{flex-direction:column;gap:18px;display:flex}.wfd-canvas{border:1px solid var(--night-700);background-color:var(--night-950);background-image:radial-gradient(#94a3b829 1px,#0000 1px);background-size:18px 18px;border-radius:20px;padding:28px 24px;overflow-x:auto}.wfd-row{align-items:center;width:max-content;min-width:100%;display:flex}.wfd-cell{align-items:center;display:flex}.wfd-node{text-align:center;flex-direction:column;align-items:center;gap:8px;width:128px;display:flex}.wfd-node__icon{background:var(--night-800);border:1.5px solid var(--night-600);width:68px;height:68px;color:var(--slate-300);border-radius:18px;place-items:center;transition:border-color .35s,box-shadow .35s,transform .35s,opacity .35s;display:grid;position:relative}.wfd-node.is-trigger .wfd-node__icon{border-radius:26px 18px 18px 26px}.wfd-node__ok{width:20px;height:20px;color:var(--night-950);font:700 12px/1 var(--font-body);background:#10b981;border-radius:50%;place-items:center;display:grid;position:absolute;top:-6px;right:-6px}.wfd-node__name{font:600 13px/1.25 var(--font-display);color:var(--slate-300);transition:color .35s}.wfd-node__kind{font:500 11px/1.2 var(--font-body);color:var(--slate-500)}.wfd-node.is-active .wfd-node__icon{border-color:var(--accent);box-shadow:0 0 0 6px rgba(var(--accent-rgb), .12), 0 0 28px rgba(var(--accent-rgb), .45);transform:scale(1.06)}.wfd-node.is-active .wfd-node__name,.wfd-node.is-done .wfd-node__name{color:var(--white)}.wfd-node.is-done .wfd-node__icon{border-color:#10b981}.wfd-node.is-skipped{opacity:.35}.wfd-wire{background:var(--night-600);width:44px;height:2px;margin:0 2px 34px;position:relative}.wfd-wire.is-on{background:var(--accent)}.wfd-wire.is-on:after{content:"";background:var(--dot);width:8px;height:8px;box-shadow:var(--dot-glow);border-radius:50%;animation:.9s ease-out forwards wfd-token;position:absolute;top:-3px;left:0}@keyframes wfd-token{0%{left:0}to{left:calc(100% - 8px)}}.wfd-fork{align-items:center}.wfd-lanes{border-left:2px solid var(--night-600);flex-direction:column;gap:14px;padding-left:12px;display:flex}.wfd-lane{opacity:.5;flex-direction:column;gap:6px;transition:opacity .35s;display:flex}.wfd-lane.is-taken{opacity:1}.wfd-lane__label{border:1px solid var(--night-600);font:600 12px/1.2 var(--font-body);color:var(--slate-300);border-radius:999px;align-self:flex-start;padding:4px 10px}.wfd-lane.is-taken .wfd-lane__label{border-color:var(--accent);color:var(--accent)}.wfd-lane__nodes{align-items:center;display:flex}.wfd-panel{background:var(--night-800);border:1px solid var(--night-600);color:var(--white);border-radius:18px;flex-direction:column;gap:12px;padding:22px 24px;display:flex}.wfd-panel__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.wfd-panel__count{font:600 14px/1 var(--font-body);color:var(--accent)}.wfd-controls{flex-wrap:wrap;gap:8px;display:flex}.wfd-controls button{border:1px solid var(--night-600);min-height:38px;color:var(--white);font:600 13px/1 var(--font-body);cursor:pointer;background:0 0;border-radius:999px;padding:0 14px;transition:border-color .2s,background .2s}.wfd-controls button:hover{border-color:var(--accent)}.wfd-controls button[aria-pressed=true]{background:rgba(var(--accent-rgb), .12)}.wfd-panel__title{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.wfd-panel__title strong{font:700 20px/1.2 var(--font-display)}.wfd-panel__title span{font:500 14px/1 var(--font-body);color:var(--slate-400)}.wfd-panel__role{max-width:760px;font:400 16px/1.55 var(--font-body);color:var(--slate-300);margin:0}.wfd-panel__data{animation:wfd-in .4s var(--ease-out);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin:4px 0 0;display:grid}.wfd-panel__data div{background:var(--night-950);border:1px solid var(--night-700);border-radius:10px;padding:10px 12px}.wfd-panel__data dt{font:500 12px/1 var(--font-mono);color:var(--slate-400)}.wfd-panel__data dd{font:500 14px/1.35 var(--font-body);color:var(--white);overflow-wrap:anywhere;margin:6px 0 0}@keyframes wfd-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (width<=720px){.wfd-canvas{padding:20px 14px;overflow-x:visible}.wfd-row,.wfd-lane__nodes{flex-direction:column;align-items:stretch;width:auto}.wfd-cell{flex-direction:column;align-items:stretch}.wfd-node{text-align:left;flex-direction:row;gap:14px;width:auto}.wfd-node__icon{border-radius:14px;flex:none;width:52px;height:52px}.wfd-node__name{flex:1;font-size:14px}.wfd-wire{width:2px;height:22px;margin:2px 0 2px 25px}.wfd-wire.is-on:after{animation-name:wfd-token-v;left:-3px}.wfd-lanes{margin-left:25px;padding-left:12px}.wfd-panel{padding:18px}}@keyframes wfd-token-v{0%{top:0}to{top:calc(100% - 8px)}}@media (prefers-reduced-motion:reduce){.wfd-wire.is-on:after,.wfd-panel__data{animation:none}.wfd-node.is-active .wfd-node__icon{transform:none}}