.workflow-header[data-astro-cid-blntwgf6]{padding:clamp(32px,5vw,56px) clamp(16px,4vw,40px) 28px;border-bottom:var(--border-w) solid var(--text)}.workflow-header[data-astro-cid-blntwgf6] h1[data-astro-cid-blntwgf6]{font-family:var(--font-display);font-weight:900;font-size:clamp(2.4rem,5vw,4rem);line-height:.95;text-transform:uppercase;letter-spacing:-.02em;color:var(--text);margin-bottom:12px;max-width:18ch;text-wrap:balance}.workflow-header[data-astro-cid-blntwgf6] p[data-astro-cid-blntwgf6]{font-family:var(--font-mono);font-size:.75rem;color:var(--text-dim);letter-spacing:.02em;line-height:1.5;max-width:72ch}.workflow-header[data-astro-cid-blntwgf6] .runtime-note[data-astro-cid-blntwgf6]{margin-top:10px;font-size:.68rem;color:var(--text-muted);opacity:1}.workflow-header[data-astro-cid-blntwgf6] .runtime-note[data-astro-cid-blntwgf6] a[data-astro-cid-blntwgf6]{color:var(--text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.workflow-header[data-astro-cid-blntwgf6] .runtime-note[data-astro-cid-blntwgf6] a[data-astro-cid-blntwgf6]:hover{color:var(--primary)}.noscript-msg[data-astro-cid-blntwgf6]{padding:24px 32px;font-family:var(--font-display);font-size:1rem;color:var(--text-dim)}.noscript-msg[data-astro-cid-blntwgf6] a[data-astro-cid-blntwgf6]{color:var(--primary);text-decoration:underline}@media(max-width:768px){.workflow-header[data-astro-cid-blntwgf6]{padding:32px 16px 20px}.workflow-header[data-astro-cid-blntwgf6] h1[data-astro-cid-blntwgf6]{font-size:clamp(2rem,9vw,2.8rem)}}#workflow-viz{min-width:0;--bg: var(--surface);--bg2: #FAF8F5;--bg3: #EFEBE5;--border: var(--text);--ideation: #7c3aed;--ideation-glow: #7c3aed18;--discovery: #1d4ed8;--discovery-glow: #2563eb18;--documentation: #0f766e;--documentation-glow: #0f766e18;--planning: #166534;--planning-glow: #16a34a18;--implementation: #a34b00;--implementation-glow: #d9770618;--review: #b91c1c;--review-glow: #dc262618;--postmerge: #895b00;--postmerge-glow: #ca8a0418;--crossai: #7c3aed;--crossai-glow: #7c3aed18;--linear: #4f46e5;--reference: #526174;--text-dim: var(--text-muted)}#workflow-viz .runtime-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:3px solid var(--border);background:var(--text);color:var(--surface)}#workflow-viz .runtime-strip>div{min-width:0;padding:14px 20px;border-right:3px solid var(--surface)}#workflow-viz .runtime-strip>div:last-child{border-right:0}#workflow-viz .runtime-strip strong,#workflow-viz .runtime-strip span{display:block}#workflow-viz .runtime-strip strong{margin-bottom:4px;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--secondary)}#workflow-viz .runtime-strip span{font-family:var(--font-display);font-size:.92rem;font-weight:600;line-height:1.3}#workflow-viz .legend{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:12px 40px;border-bottom:3px solid var(--border);background:var(--bg)}#workflow-viz .legend-item{display:flex;align-items:center;gap:6px;font-size:.75rem;font-family:var(--font-mono);color:var(--text-dim)}#workflow-viz .legend-dot{width:10px;height:10px;border-radius:0}#workflow-viz .legend-dot.primary{background:#111827;box-shadow:none}#workflow-viz .legend-dot.subagent{background:transparent;border:2px dashed var(--text-muted)}#workflow-viz .legend-dot.crossai{background:var(--crossai);border-radius:0}#workflow-viz .legend-dot.reference{background:var(--reference);border-radius:0}#workflow-viz .legend-dot.meta{background:#fff2;border:1px solid var(--text-muted);border-radius:0}#workflow-viz .pipeline-container{padding:clamp(24px,4vw,40px);overflow-x:auto;overscroll-behavior-inline:contain}#workflow-viz .pipeline{display:flex;gap:24px;position:relative}#workflow-viz .stage{min-width:180px;flex:1;flex-shrink:0;display:flex;flex-direction:column}#workflow-viz .stage-header{text-align:center;margin-bottom:16px;position:relative}#workflow-viz .stage-number{font-family:var(--font-display);font-weight:300;font-size:.55rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);margin-bottom:2px}#workflow-viz .stage-title{font-family:var(--font-display);font-weight:900;font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase}#workflow-viz .stage-line{width:60px;height:3px;margin:8px auto 0;border-radius:0;opacity:.6}#workflow-viz .stage[data-stage=ideation] .stage-title{color:var(--ideation)}#workflow-viz .stage[data-stage=ideation] .stage-line{background:var(--ideation)}#workflow-viz .stage[data-stage=discovery] .stage-title{color:var(--discovery)}#workflow-viz .stage[data-stage=discovery] .stage-line{background:var(--discovery)}#workflow-viz .stage[data-stage=documentation] .stage-title{color:var(--documentation)}#workflow-viz .stage[data-stage=documentation] .stage-line{background:var(--documentation)}#workflow-viz .stage[data-stage=planning] .stage-title{color:var(--planning)}#workflow-viz .stage[data-stage=planning] .stage-line{background:var(--planning)}#workflow-viz .stage[data-stage=implementation] .stage-title{color:var(--implementation)}#workflow-viz .stage[data-stage=implementation] .stage-line{background:var(--implementation)}#workflow-viz .stage[data-stage=review] .stage-title{color:var(--review)}#workflow-viz .stage[data-stage=review] .stage-line{background:var(--review)}#workflow-viz .stage[data-stage=postmerge] .stage-title{color:var(--postmerge)}#workflow-viz .stage[data-stage=postmerge] .stage-line{background:var(--postmerge)}#workflow-viz .nodes{display:flex;flex-direction:column;gap:8px;flex-grow:1;margin-bottom:24px}#workflow-viz .node{position:relative;padding:12px 14px;border-radius:0;border:3px solid var(--border);background:var(--bg2);cursor:pointer;transition:background-color .2s,border-color .2s,transform .2s;overflow:hidden}#workflow-viz .node:before{content:"";position:absolute;inset:0;border-radius:0;opacity:0;transition:opacity .25s;pointer-events:none;background:none}#workflow-viz .node:hover{background:#fef3c7;border-color:var(--border);box-shadow:none}#workflow-viz .node:hover:before{opacity:0}#workflow-viz .node.active{border-color:var(--border)}#workflow-viz .node.active:before{opacity:0}#workflow-viz .node.has-nested-controls{cursor:default}#workflow-viz .node .name{font-family:var(--font-mono);font-weight:600;font-size:.85rem;display:flex;flex-wrap:wrap;align-items:center;min-width:0;overflow-wrap:anywhere;gap:6px}#workflow-viz .node.has-nested-controls>.name{cursor:pointer}#workflow-viz .node .name .cmd{opacity:.5;font-weight:400}#workflow-viz .node .desc{font-size:.8rem;color:var(--text-dim);margin-top:4px;line-height:1.5}#workflow-viz .node .badge{position:absolute;top:8px;right:8px;font-size:.55rem;padding:2px 6px;border-radius:0;font-family:var(--font-mono);font-weight:600;letter-spacing:.05em;text-transform:uppercase}#workflow-viz .node.primary .name{color:var(--text)}#workflow-viz .node.primary{box-shadow:none}#workflow-viz .node.subagent{border-style:dashed;background:transparent}#workflow-viz .node.subagent .name{font-weight:500;font-size:.75rem}#workflow-viz .node.crossai{border-color:var(--crossai);background:var(--bg2)}#workflow-viz .node.crossai .name{color:var(--crossai)}#workflow-viz .node.reference{border-color:var(--reference);background:var(--bg2);padding:8px 12px}#workflow-viz .node.reference .name{font-size:.7rem;font-weight:500;color:var(--reference)}#workflow-viz .node.meta{border-color:var(--text-muted);background:transparent;border-radius:0;text-align:center}#workflow-viz .stage[data-stage=ideation] .node.primary:before{background:none}#workflow-viz .stage[data-stage=ideation] .node.primary .badge{background:var(--ideation);color:var(--surface)}#workflow-viz .stage[data-stage=discovery] .node.primary:before{background:none}#workflow-viz .stage[data-stage=discovery] .node.primary .badge{background:var(--discovery);color:var(--surface)}#workflow-viz .stage[data-stage=documentation] .node.primary:before{background:none}#workflow-viz .stage[data-stage=documentation] .node.primary .badge{background:var(--documentation);color:var(--surface)}#workflow-viz .stage[data-stage=planning] .node.primary:before{background:none}#workflow-viz .stage[data-stage=planning] .node.primary .badge{background:var(--planning);color:var(--surface)}#workflow-viz .stage[data-stage=implementation] .node.primary:before{background:none}#workflow-viz .stage[data-stage=implementation] .node.primary .badge{background:var(--implementation);color:var(--surface)}#workflow-viz .stage[data-stage=review] .node.primary:before{background:none}#workflow-viz .stage[data-stage=review] .node.primary .badge{background:var(--review);color:var(--surface)}#workflow-viz .stage[data-stage=postmerge] .node.primary:before{background:none}#workflow-viz .stage[data-stage=postmerge] .node.primary .badge{background:var(--postmerge);color:var(--surface)}#workflow-viz .stage-connector{display:flex;align-items:center;justify-content:center;min-width:28px;flex-shrink:0;position:relative}#workflow-viz .stage-connector svg{width:28px;height:100%;position:absolute;top:0;left:0}#workflow-viz .detail-overlay{position:fixed;inset:0;z-index:500;display:none;align-items:center;justify-content:center;background:#16181494;padding:12px}#workflow-viz .detail-overlay.open{display:flex}#workflow-viz .detail-panel{background:var(--bg2);border:5px solid var(--text);border-radius:0;padding:64px 32px 32px;max-width:560px;width:min(100%,560px);max-height:calc(100vh - 24px);overflow-y:auto;overscroll-behavior:contain;position:relative;animation:panelIn .25s cubic-bezier(.4,0,.2,1);box-shadow:none}#workflow-viz .detail-panel .gh-link{position:absolute;top:16px;right:68px;height:28px;padding:0 10px;border-radius:0;border:3px solid #d1d5da;background:#24292e;color:var(--surface);cursor:pointer;display:none;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.7rem;font-weight:600;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s;letter-spacing:.02em}#workflow-viz .detail-panel .gh-link.visible{display:flex}#workflow-viz .detail-panel .gh-link:hover{background:#fef3c7;border-color:var(--border);color:var(--text)}#workflow-viz .detail-panel .gh-link:hover svg{fill:var(--text)}#workflow-viz .detail-panel .gh-link svg{width:14px;height:14px;fill:var(--surface)}#workflow-viz .detail-panel .close-btn{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:0;border:3px solid var(--border);background:transparent;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:background-color .2s,border-color .2s,color .2s}#workflow-viz .detail-panel .close-btn:hover{background:#fef3c7;color:var(--text)}#workflow-viz :is(.node,.node .name,.node-nested,.ht-stage,.hk-card-head,.meta-node,.tag,.copy-btn,.close-btn,.gh-link):focus-visible{outline:3px solid var(--primary);outline-offset:3px}#workflow-viz .detail-panel h2{font-family:var(--font-display);font-weight:900;font-size:1.8rem;margin-bottom:4px}#workflow-viz .detail-panel .detail-type{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px}#workflow-viz .detail-panel .detail-desc{font-size:1rem;color:var(--text-dim);line-height:1.7;margin-bottom:20px}#workflow-viz .detail-section{margin-bottom:16px}#workflow-viz .detail-section h3{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}#workflow-viz .source-credit,#workflow-viz .source-list{font-family:var(--font-display);font-size:.95rem;color:var(--text-dim);line-height:1.5}#workflow-viz .source-list{padding-left:20px}#workflow-viz .source-credit a,#workflow-viz .source-list a{color:var(--text);font-weight:700;text-decoration:underline;text-underline-offset:3px}#workflow-viz .source-credit a:hover,#workflow-viz .source-list a:hover{color:var(--primary)}#workflow-viz .detail-section .tags{display:flex;flex-wrap:wrap;gap:6px}#workflow-viz .detail-section .tag{padding:6px 10px;min-height:40px;border-radius:0;font-family:var(--font-mono);font-size:.8rem;border:3px solid var(--border);background:var(--bg3);color:var(--text-dim);cursor:pointer;appearance:none;text-align:start;transition:background-color .2s,border-color .2s,color .2s}#workflow-viz .detail-section .tag:hover{border-color:var(--border);color:var(--text);background:#fef3c7}#workflow-viz .detail-section .tag.highlight{border-color:var(--crossai);color:var(--crossai)}#workflow-viz .detail-section .output{padding:8px 12px;border-radius:0;font-family:var(--font-mono);font-size:.85rem;background:var(--bg);border:3px solid var(--border);color:var(--text-dim);overflow-wrap:anywhere;min-width:0;flex:1}#workflow-viz .output-row{display:flex;align-items:stretch;gap:8px}#workflow-viz .copy-btn{flex:0 0 auto;min-width:72px;min-height:40px;padding:6px 10px;border:3px solid var(--border);background:var(--text);color:var(--surface);font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s,transform .2s}#workflow-viz .copy-btn:hover{background:var(--primary);border-color:var(--primary);color:var(--surface)}#workflow-viz .copy-btn[data-copy-state=success]{background:var(--success);border-color:var(--success)}#workflow-viz .copy-btn[data-copy-state=error]{background:var(--danger);border-color:var(--danger)}#workflow-viz .copy-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#workflow-viz .detail-section .gates{display:flex;flex-direction:column;gap:6px}#workflow-viz .detail-section .gate{display:flex;align-items:flex-start;gap:8px;padding:6px 10px;border-radius:0;background:var(--bg);border:3px solid var(--border);font-size:.85rem}#workflow-viz .detail-section .gate .gate-id{font-family:var(--font-mono);font-weight:700;color:var(--text);min-width:60px;flex-shrink:0;font-size:.85rem}#workflow-viz .detail-section .gate .gate-desc{color:var(--text-dim);line-height:1.5}#workflow-viz .crossai-band{margin:0 40px;padding:20px 24px;border:3px solid var(--crossai);border-radius:0;background:var(--bg2);position:relative}#workflow-viz .crossai-band h3{font-family:var(--font-display);font-weight:900;font-size:.8rem;color:var(--crossai);margin-bottom:4px;text-transform:uppercase;letter-spacing:.08em}#workflow-viz .crossai-band .band-subtitle{font-family:var(--font-mono);font-size:.55rem;color:var(--text-muted);margin-bottom:12px}#workflow-viz .crossai-band .band-content{display:flex;gap:12px;flex-wrap:wrap;align-items:center}#workflow-viz .crossai-band .ai-node{padding:8px 16px;border-radius:0;border:3px solid var(--crossai);background:var(--bg2);font-family:var(--font-mono);font-size:.65rem;color:var(--crossai);display:flex;flex-direction:column;gap:2px}#workflow-viz .crossai-band .ai-node .ai-model{font-size:.5rem;color:var(--text-muted);font-weight:400}#workflow-viz .crossai-band .usage-points{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap}#workflow-viz .crossai-band .usage-point{padding:4px 10px;border-radius:0;font-family:var(--font-mono);font-size:.55rem;border:3px dashed var(--border);color:var(--text-dim)}#workflow-viz .agent-type{font-size:.5rem;padding:2px 4px;border-radius:0;background:var(--bg);border:3px solid var(--border);color:var(--text-muted);display:inline-block;margin-top:4px;font-family:var(--font-mono);font-weight:600;letter-spacing:.05em;text-transform:uppercase}#workflow-viz .agent-type.automation{color:#0284c7;border-color:#0284c7;background:var(--bg2)}#workflow-viz .agent-type.validator{color:#d97706;border-color:#d97706;background:var(--bg2)}#workflow-viz .agent-type.review{color:#dc2626;border-color:#dc2626;background:var(--bg2)}#workflow-viz .nested-nodes{display:flex;flex-direction:column;gap:6px;margin-top:12px;padding-top:12px;border-top:3px dashed var(--border)}#workflow-viz .node-nested{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 8px;min-width:0;padding:6px 10px;border-radius:0;background:var(--bg);border:3px solid var(--border);transition:background-color .2s,border-color .2s,color .2s;cursor:pointer}#workflow-viz .node-nested:hover{border-color:var(--border);background:#fef3c7;box-shadow:none}#workflow-viz .node-nested .n-name{flex:1 1 auto;min-width:0;max-width:100%;overflow-wrap:anywhere;font-family:var(--font-mono);font-size:.6rem;font-weight:600;color:var(--text-dim)}#workflow-viz .node-nested .agent-type{flex:0 0 auto;max-width:100%;overflow-wrap:anywhere;margin-top:0;font-size:.45rem;padding:2px 4px}#workflow-viz .node-nested.crossai{border-color:var(--crossai);background:var(--bg2)}#workflow-viz .node-nested.crossai .n-name{color:var(--crossai)}#workflow-viz .hooks-section{margin:0 40px 40px;position:relative}#workflow-viz .hooks-timeline{display:flex;position:relative;margin-bottom:32px;padding:0 16px;gap:8px}#workflow-viz .hooks-timeline:before{content:"";position:absolute;top:24px;left:16px;right:16px;height:3px;background:var(--border);border-radius:0;z-index:0}#workflow-viz .ht-stage{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;cursor:pointer;border:0;background:transparent;color:inherit;font:inherit;text-align:center;appearance:none;padding:0 4px;-webkit-user-select:none;user-select:none}#workflow-viz .ht-stage:disabled{cursor:default}#workflow-viz .ht-dot{width:18px;height:18px;border-radius:0;border:3px solid var(--border);background:var(--bg2);margin-bottom:10px;transition:background-color .2s,border-color .2s,transform .2s;position:relative}#workflow-viz .ht-stage.has-hooks .ht-dot{border-color:var(--documentation)}#workflow-viz .ht-stage.selected .ht-dot{background:var(--documentation);border-color:var(--documentation);box-shadow:none}#workflow-viz .ht-stage:hover .ht-dot{border-color:var(--documentation)}#workflow-viz .ht-count{display:none}#workflow-viz .ht-label{font-family:var(--font-mono);font-size:.7rem;font-weight:600;color:var(--text-muted);text-align:center;transition:color .3s;line-height:1.3}#workflow-viz .ht-stage.selected .ht-label,#workflow-viz .ht-stage:hover .ht-label{color:var(--documentation)}#workflow-viz .ht-stage.dimmed{opacity:1;pointer-events:auto}#workflow-viz .ht-stage.dimmed .ht-label{color:var(--text-muted)}#workflow-viz .hooks-cards-area{min-height:120px;position:relative}#workflow-viz .hooks-stage-label{font-family:var(--font-display);font-weight:900;font-size:.95rem;color:var(--text);margin-bottom:14px;display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.08em}#workflow-viz .hooks-stage-badge{font-family:var(--font-mono);font-size:.6rem;font-weight:600;color:var(--text);background:var(--bg2);border:3px solid var(--text);padding:3px 10px;border-radius:0}#workflow-viz .hooks-stage-desc{font-size:.75rem;color:var(--text-muted);margin-bottom:16px;line-height:1.5}#workflow-viz .hooks-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}#workflow-viz .hk-card{padding:16px 18px;border-radius:0;background:var(--bg2);border:3px solid var(--border);cursor:default;transition:background-color .2s,border-color .2s,color .2s;position:relative}#workflow-viz .hk-card:hover{border-color:var(--border);box-shadow:none;background:#fef3c7}#workflow-viz .hk-card-head{display:flex;align-items:center;gap:10px;margin-bottom:6px;width:100%;padding:0;border:0;background:transparent;color:var(--text);font:inherit;text-align:start;cursor:pointer;appearance:none}#workflow-viz .hk-pulse{width:8px;height:8px;border-radius:0;flex-shrink:0;animation:hk-pulse-anim 2.5s ease-in-out infinite}#workflow-viz .hk-pulse.red{background:#dc2626;box-shadow:none}#workflow-viz .hk-pulse.amber{background:#d97706;box-shadow:none}#workflow-viz .hk-pulse.green{background:var(--documentation);box-shadow:none}#workflow-viz .hk-pulse.blue{background:#2563eb;box-shadow:none}#workflow-viz .hk-pulse.purple{background:#7c3aed;box-shadow:none}#workflow-viz .hk-pulse.gray{background:#64748b;box-shadow:none}#workflow-viz .hk-name{font-family:var(--font-mono);font-size:.8rem;font-weight:700;color:var(--text)}#workflow-viz .hk-cat{margin-left:auto;font-family:var(--font-mono);font-size:.55rem;font-weight:600;padding:2px 8px;border-radius:0;color:var(--text-muted);background:var(--bg);border:3px solid var(--border);flex-shrink:0}#workflow-viz .hk-desc{font-size:.75rem;color:var(--text-dim);line-height:1.5}#workflow-viz .hk-card .hk-expand-hint{font-family:var(--font-mono);font-size:.55rem;color:var(--text);margin-top:8px;opacity:1}#workflow-viz .hk-detail{display:none;margin-top:12px;padding-top:12px;border-top:3px dashed var(--border)}#workflow-viz .hk-card.expanded .hk-detail{display:block}#workflow-viz .hk-card.expanded .hk-expand-hint{display:none}#workflow-viz .hk-detail-section{margin-bottom:10px}#workflow-viz .hk-detail-section h5{font-family:var(--font-mono);font-size:.65rem;font-weight:700;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px}#workflow-viz .hk-detail-section p{font-size:.75rem;color:var(--text-dim);line-height:1.55}#workflow-viz .hk-detail-matcher{font-family:var(--font-mono);font-size:.7rem;font-weight:600;color:var(--documentation);background:var(--bg2);border:3px solid var(--documentation);padding:6px 10px;border-radius:0;display:block;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word;flex:1 1 auto}#workflow-viz .hk-detail-copy{display:flex;align-items:stretch;gap:8px;min-width:0;max-width:100%}#workflow-viz .hk-detail-copy .copy-btn{min-width:64px}#workflow-viz .hk-detail-behavior{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.65rem;font-weight:600;padding:4px 10px;border-radius:0}#workflow-viz .hk-detail-behavior.block{color:#dc2626;background:var(--bg2);border:3px solid #dc2626}#workflow-viz .hk-detail-behavior.warn{color:#d97706;background:var(--bg2);border:3px solid #d97706}#workflow-viz .hk-detail-behavior.info{color:var(--documentation);background:var(--bg2);border:3px solid var(--documentation)}#workflow-viz .hk-detail-behavior.inject{color:#7c3aed;background:var(--bg2);border:3px solid #7c3aed}#workflow-viz .hooks-empty{text-align:center;padding:32px;color:var(--text-muted);font-size:.8rem}#workflow-viz .reference-shelf{margin:16px 40px 32px;padding:20px 24px;border:3px solid var(--border);border-radius:0;background:var(--bg2)}#workflow-viz .reference-shelf h3{font-family:var(--font-display);font-weight:900;font-size:.8rem;color:var(--reference);margin-bottom:12px;text-transform:uppercase;letter-spacing:.08em}#workflow-viz .ref-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr));gap:8px}#workflow-viz .ref-item{min-width:0;padding:8px 12px;border-radius:0;border:3px solid var(--border);background:var(--bg);cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}#workflow-viz .ref-item:hover{border-color:var(--border);background:#fef3c7;box-shadow:none}#workflow-viz .ref-item .ref-name{overflow-wrap:anywhere;font-family:var(--font-mono);font-size:.65rem;font-weight:600;color:var(--text)}#workflow-viz .ref-item .ref-desc{font-size:.55rem;color:var(--text-muted);margin-top:2px;line-height:1.4}#workflow-viz .ref-item .ref-used{font-family:var(--font-mono);font-size:.5rem;color:var(--text-muted);margin-top:4px;opacity:.6}#workflow-viz .meta-footer{margin:0 40px 40px;padding:16px 24px;border:3px solid var(--border);border-radius:0;background:var(--bg2);display:flex;gap:12px;flex-wrap:wrap;align-items:center}#workflow-viz .meta-footer h3{font-family:var(--font-display);font-weight:900;font-size:.7rem;color:var(--text-muted);margin-right:8px;text-transform:uppercase;letter-spacing:.08em}#workflow-viz .meta-node{padding:6px 14px;border-radius:0;border:3px solid var(--border);font-family:var(--font-mono);font-size:.6rem;color:var(--text-dim);cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}#workflow-viz .meta-node:hover{border-color:var(--border);color:var(--text);background:#fef3c7}#workflow-viz .connections-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}#workflow-viz .flow-line{fill:none;stroke-width:3;opacity:.3}#workflow-viz .flow-line.animated{stroke-dasharray:8 4;animation:flowDash 1.5s linear infinite}#workflow-viz .flow-arrow-container,#workflow-viz .flow-arrow .arrow-line,#workflow-viz .cr-loop-label{display:none}#workflow-viz .flow-arrow[data-from=ideation] .arrow-line{background:var(--ideation)}#workflow-viz .flow-arrow[data-from=ideation] .arrow-line:after{border-left-color:var(--ideation)}#workflow-viz .flow-arrow[data-from=discovery] .arrow-line{background:var(--discovery)}#workflow-viz .flow-arrow[data-from=discovery] .arrow-line:after{border-left-color:var(--discovery)}#workflow-viz .flow-arrow[data-from=documentation] .arrow-line{background:var(--documentation)}#workflow-viz .flow-arrow[data-from=documentation] .arrow-line:after{border-left-color:var(--documentation)}#workflow-viz .flow-arrow[data-from=planning] .arrow-line{background:var(--planning)}#workflow-viz .flow-arrow[data-from=planning] .arrow-line:after{border-left-color:var(--planning)}#workflow-viz .flow-arrow[data-from=implementation] .arrow-line{background:var(--implementation)}#workflow-viz .flow-arrow[data-from=implementation] .arrow-line:after{border-left-color:var(--implementation)}#workflow-viz .flow-arrow[data-from=review] .arrow-line{background:var(--review)}#workflow-viz .flow-arrow[data-from=review] .arrow-line:after{border-left-color:var(--review)}#workflow-viz .stats{display:flex;gap:24px;margin-top:16px;flex-wrap:wrap}#workflow-viz .stat{display:flex;flex-direction:column;align-items:center}#workflow-viz .stat .stat-value{font-family:var(--font-display);font-weight:900;font-size:1.4rem;color:var(--text)}#workflow-viz .stat .stat-label{font-family:var(--font-mono);font-size:.5rem;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin-top:2px}#workflow-viz .gate-mini{display:flex;align-items:center;gap:4px;padding:3px 8px;margin-top:4px;border-radius:0;background:var(--bg);border:3px solid var(--border);font-family:var(--font-mono);font-size:.5rem;color:var(--text-muted)}#workflow-viz .gate-mini .gate-num{font-weight:700;color:var(--text-dim);min-width:20px}#workflow-viz .node.highlight{z-index:10;border-color:var(--border);background:#fef3c7}#workflow-viz .node.highlight.primary{box-shadow:none}#workflow-viz .wf-tooltip{display:none;position:fixed;z-index:1000;padding:6px 12px;border-radius:0;background:#fff;border:3px solid var(--border);font-family:var(--font-mono);font-size:.6rem;color:var(--text);pointer-events:none;box-shadow:none;max-width:260px}#workflow-viz .wf-tooltip.visible{display:block}#workflow-viz .swimlane-separator{margin-top:auto;border-top:3px dashed var(--border);padding-top:16px;position:relative}#workflow-viz .swimlane-separator:before{content:"EXPECTED OUTPUT";position:absolute;top:-8px;left:50%;transform:translate(-50%);background:var(--bg);padding:0 8px;font-family:var(--font-mono);font-size:.45rem;letter-spacing:.1em;color:var(--text-muted)}#workflow-viz .output-nodes{display:flex;flex-direction:column;gap:6px}#workflow-viz .output-node{padding:8px 10px;border-radius:0;background:var(--bg3);border:3px solid var(--border);font-family:var(--font-mono);font-size:.55rem;color:var(--text-dim);display:flex;align-items:flex-start;gap:6px;box-shadow:none}#workflow-viz .output-node svg{width:12px;height:12px;flex-shrink:0;margin-top:1px;color:var(--text-muted)}#workflow-viz .output-node span{word-break:break-all;line-height:1.3}#workflow-viz .wf-section-title{margin:32px 40px 16px;font-family:var(--font-display);font-weight:900;font-size:1.2rem;color:var(--text);letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:12px}#workflow-viz .wf-section-subtitle{font-family:var(--font-mono);font-size:.6rem;font-weight:600;color:var(--text-muted);letter-spacing:.04em}@keyframes panelIn{0%{opacity:0}to{opacity:1}}@keyframes flowDash{to{stroke-dashoffset:-12}}@keyframes hk-pulse-anim{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(1.5)}}@media(max-width:900px){#workflow-viz .runtime-strip{grid-template-columns:1fr}#workflow-viz .runtime-strip>div{border-right:0;border-bottom:2px solid var(--surface)}#workflow-viz .runtime-strip>div:last-child{border-bottom:0}#workflow-viz .pipeline{flex-direction:column;min-width:unset}#workflow-viz .stage{max-width:100%;min-width:unset}#workflow-viz .pipeline-container{padding-inline:16px}#workflow-viz .wf-section-title{margin-inline:16px;align-items:flex-start;flex-direction:column;gap:6px}#workflow-viz .hooks-section,#workflow-viz .reference-shelf,#workflow-viz .meta-footer{margin-inline:16px}#workflow-viz .hooks-timeline{padding-inline:8px}#workflow-viz .hooks-timeline:before{left:8px;right:8px}#workflow-viz .hooks-stage-label{flex-wrap:wrap;line-height:1.15}#workflow-viz .detail-panel{padding:64px 20px 24px}}@media(max-width:600px){#workflow-viz .hooks-cards-grid{grid-template-columns:minmax(0,1fr)}#workflow-viz .output-row{flex-direction:column}#workflow-viz .copy-btn{width:100%}}@media(prefers-reduced-motion:reduce){#workflow-viz .stage,#workflow-viz .hk-pulse,#workflow-viz .flow-line.animated{animation:none!important;transition:none!important}#workflow-viz .stage{opacity:1!important;transform:none!important}}