.alt-flow-viz{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--bg2);overflow:hidden}
.alt-flow-viz *{box-sizing:border-box}.alt-flow-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;color:var(--muted);font:10px "JetBrains Mono",monospace;letter-spacing:.06em}.alt-flow-top b{color:var(--amber);font:700 12px "JetBrains Mono",monospace;letter-spacing:0;white-space:nowrap}
.alt-flow-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(180px,.9fr);gap:12px}.alt-flow-diagram,.alt-flow-state{min-width:0;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.alt-flow-diagram{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:7px}
.alt-flow-node{min-width:0;padding:9px 8px;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--ink);font:700 11px/1.35 "JetBrains Mono",monospace;text-align:center;overflow-wrap:anywhere;transition:border-color .16s,background .16s,box-shadow .16s}.alt-flow-node.terminal{border-radius:999px}.alt-flow-node.condition{border-color:color-mix(in srgb,var(--amber) 55%,var(--line))}.alt-flow-node.active{border-color:var(--cyan);background:color-mix(in srgb,var(--cyan) 11%,var(--panel));box-shadow:0 0 0 3px color-mix(in srgb,var(--cyan) 11%,transparent)}
.alt-flow-arrow{display:grid;place-items:center;color:var(--muted);font:700 17px "JetBrains Mono",monospace}.alt-flow-arrow.loop{color:var(--amber)}.alt-flow-state{display:grid;align-content:start;gap:9px}.alt-flow-variable{padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.alt-flow-variable span{display:block;color:var(--muted);font:9px "JetBrains Mono",monospace;letter-spacing:.05em}.alt-flow-variable strong{display:block;margin-top:6px;color:var(--cyan);font:700 13px "JetBrains Mono",monospace;overflow-wrap:anywhere}.alt-flow-state p{min-height:42px;margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.alt-flow-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.alt-flow-actions .btn-c{min-height:46px;padding-inline:15px}.alt-flow-actions .btn-c:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:520px){.alt-flow-layout{grid-template-columns:1fr}.alt-flow-diagram{grid-template-columns:1fr;gap:4px}.alt-flow-arrow{height:15px;transform:rotate(0)}.alt-flow-arrow.loop{height:18px}.alt-flow-actions{display:grid;grid-template-columns:1fr}.alt-flow-actions .btn-c{width:100%}}
@media(max-width:390px){.alt-flow-viz{padding:12px}.alt-flow-top{align-items:flex-start;flex-direction:column;gap:5px}.alt-flow-top b{white-space:normal}.alt-flow-node{font-size:10px}}
@media(prefers-reduced-motion:reduce){.alt-flow-node{transition:none}}