.workflow-canvas{background:var(--white);border-radius:var(--r-xl);box-shadow:var(--sh-2xl);overflow:hidden;border:1px solid var(--ink-100);position:relative;color:var(--ink-900)}.workflow-canvas__chrome{background:var(--ink-50);padding:12px 18px;border-bottom:1px solid var(--ink-100);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px}.workflow-canvas__dots{display:flex;gap:6px}.workflow-canvas__dots span{width:11px;height:11px;border-radius:50%}.workflow-canvas__dots span:nth-child(1){background:#ff5f57}.workflow-canvas__dots span:nth-child(2){background:#febc2e}.workflow-canvas__dots span:nth-child(3){background:#28c840}.workflow-canvas__title{font-family:var(--font-sans);font-weight:var(--w-semi);color:var(--ink-900);font-size:var(--t-small);display:inline-flex;align-items:center;gap:12px}.workflow-canvas__live{display:inline-flex;align-items:center;gap:6px;font-size:var(--t-tiny);color:var(--green-700);background:var(--green-50);padding:2px 10px;border-radius:var(--r-full);font-weight:var(--w-semi)}.workflow-canvas__pulse{width:6px;height:6px;border-radius:50%;background:var(--green-500);animation:wf-pulse 2s ease-in-out infinite}@keyframes wf-pulse{0%,to{box-shadow:0 0 #10b98199}50%{box-shadow:0 0 0 6px #10b98100}}.workflow-canvas__meta{font-size:var(--t-tiny);color:var(--ink-400);font-family:var(--font-mono)}.workflow-canvas__feed{padding:10px 18px;border-bottom:1px solid var(--ink-100);display:flex;align-items:center;gap:14px;background:var(--paper)}.wf-feed__label{font-size:.625rem;font-weight:var(--w-semi);color:var(--ink-500);text-transform:uppercase;letter-spacing:var(--track-eyebrow);flex-shrink:0}.wf-feed__list{display:flex;gap:8px;flex:1;overflow:hidden;list-style:none;padding:0;margin:0}.wf-feed__list li{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;background:var(--white);border:1px solid var(--ink-100);border-radius:var(--r-full);font-size:.6875rem;animation:wf-feed-in .6s var(--ease-out)}.wf-feed__avatar{width:20px;height:20px;border-radius:50%;color:var(--white);font-size:.6rem;font-weight:var(--w-bold);display:inline-flex;align-items:center;justify-content:center}.wf-feed__name{font-weight:var(--w-semi);color:var(--ink-800)}.wf-feed__time{color:var(--ink-400);font-family:var(--font-mono);font-size:.625rem}@keyframes wf-feed-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.workflow-canvas__board{position:relative;padding:28px 24px 56px;background:radial-gradient(circle at 1px 1px,var(--ink-100) 1px,transparent 1px) 0 0/22px 22px,linear-gradient(180deg,var(--white) 0%,var(--paper) 100%);min-height:380px}.wf-paths{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.wf-paths__line{stroke-dashoffset:0;animation:wf-dash 1.8s linear infinite}@keyframes wf-dash{to{stroke-dashoffset:-22}}.wf-node{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 14px 10px 10px;background:var(--white);border:1px solid var(--ink-100);border-radius:var(--r-md);box-shadow:var(--sh-sm);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base);width:fit-content;min-width:220px;margin-bottom:18px;cursor:default}.wf-node:hover{transform:translateY(-1px);box-shadow:var(--sh-md);border-color:var(--ink-200)}.wf-node--branch{margin-left:auto;margin-top:-56px;margin-right:8px}.wf-node__icon{width:32px;height:32px;border-radius:var(--r-sm);display:inline-flex;align-items:center;justify-content:center;color:var(--white)}.wf-node--trigger .wf-node__icon{background:var(--orange-500)}.wf-node--wait .wf-node__icon{background:var(--ink-200);color:var(--ink-700)}.wf-node--send .wf-node__icon{background:var(--ink-900)}.wf-node--decision .wf-node__icon{background:var(--amber-500);color:var(--ink-900)}.wf-node--accent .wf-node__icon{background:var(--indigo-500)}.wf-node__label{font-size:.625rem;color:var(--ink-400);font-weight:var(--w-semi);text-transform:uppercase;letter-spacing:var(--track-eyebrow);line-height:1}.wf-node__title{margin-top:3px;font-size:var(--t-small);font-weight:var(--w-semi);color:var(--ink-900);line-height:1.2;font-family:var(--font-sans)}.wf-node__count{font-family:var(--font-mono);font-size:.625rem;font-weight:var(--w-bold);color:var(--green-700);background:var(--green-50);padding:3px 6px;border-radius:var(--r-sm);animation:wf-count-pulse 2.4s ease-in-out infinite}@keyframes wf-count-pulse{0%,80%,to{transform:scale(1);opacity:.7}40%{transform:scale(1.1);opacity:1}}.wf-node__rate{position:relative;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center}.wf-rate__ring-fg{stroke-dashoffset:88;animation:wf-rate-draw 1.4s var(--ease-out) .5s forwards}@keyframes wf-rate-draw{to{stroke-dashoffset:22}}.wf-rate__pct{position:absolute;font-size:.625rem;font-weight:var(--w-bold);color:var(--green-700);font-family:var(--font-mono)}.workflow-canvas__footer{display:grid;grid-template-columns:repeat(3,1fr);padding:14px 18px;border-top:1px solid var(--ink-100);background:var(--white)}.wf-stat{display:flex;flex-direction:column;gap:2px;border-right:1px solid var(--ink-100);padding-right:16px;position:relative}.wf-stat:last-child{border-right:none}.wf-stat__num{font-family:var(--font-display);font-size:1.125rem;font-weight:var(--w-bold);color:var(--ink-900);letter-spacing:var(--track-snug);font-feature-settings:"tnum"}.wf-stat__label{font-size:.625rem;color:var(--ink-400);text-transform:uppercase;letter-spacing:var(--track-eyebrow);font-weight:var(--w-semi)}.wf-stat__delta{position:absolute;top:12px;right:12px;font-size:.625rem;color:var(--green-700);background:var(--green-50);padding:2px 6px;border-radius:var(--r-xs);font-family:var(--font-mono);font-weight:var(--w-semi)}@media(max-width:640px){.wf-node--branch{margin-left:0;margin-top:0}.workflow-canvas__feed{flex-wrap:wrap}}