.flow-visual{width:100%;color:var(--color-foreground);font-size:11px;line-height:1.5;container-type:inline-size}.flow-canvas{background-image:radial-gradient(var(--color-border-subtle) .65px, transparent .8px);background-size:12px 12px;padding:30px 0;position:relative}.flow-grid{grid-template-columns:1fr 1.45fr 1fr;align-items:center;gap:38px;display:grid;position:relative}.flow-node{background:var(--color-card);min-width:0;color:var(--color-card-foreground);border:1px solid var(--color-border);border-radius:15px;transition:border-color .42s cubic-bezier(0,0,.2,1);position:relative;box-shadow:0 2px 4px #00000008}.flow-agent.active{border-color:var(--color-border-strong)}.flow-body-clip{border-radius:15px 15px 0 0;overflow:hidden}.flow-node-body{padding:16px 14px}.flow-heading{letter-spacing:-.025em;align-items:center;gap:7px;font-size:12px;font-weight:500;display:flex}.flow-mark{border:1px solid var(--color-border-strong);border-radius:6px;flex-shrink:0;place-items:center;width:25px;height:25px;display:grid}.flow-mark img{object-fit:contain;width:17px;height:17px}.flow-description{color:var(--color-muted-foreground);margin:9px 0;font-size:11px}.flow-label{color:var(--color-muted-foreground);margin:13px 0 7px;font-size:11px}.flow-model{background:var(--color-subtle);border:1px solid var(--color-border-subtle);border-radius:6px;align-items:center;gap:7px;padding:7px 9px;font-size:12px;display:flex}.flow-control{border:1px solid var(--color-border);border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:29px;font-size:11px;display:flex;box-shadow:0 1px 2px #0000000a}.flow-tools{height:25px;padding-left:0;display:flex}.flow-tools>span{background:var(--color-background);border:1px solid var(--color-border);border-radius:50%;place-items:center;width:25px;height:25px;margin-left:-6px;display:grid;position:relative}.flow-tools>span:first-child{color:var(--color-subtle-foreground);margin-left:0}.flow-tools img{object-fit:contain;width:14px;height:14px}.flow-brief{background:var(--color-accent);border-radius:5px;padding:8px;font-size:11px;line-height:1.6}.flow-message-author{align-items:center;gap:7px;margin-bottom:7px;font-size:11px;font-weight:500;display:flex}.flow-message-author>span{color:var(--color-subtle-foreground);font-size:10px;font-weight:400}.flow-result{flex-direction:column;gap:12px;font-size:11px;display:flex}.flow-result-label{font-size:12px;font-weight:500}.flow-summary-slot{display:grid;position:relative}.flow-result-summary{color:var(--color-muted-foreground);border-bottom:1px solid var(--color-border-subtle);padding-bottom:12px;display:block}.flow-property{justify-content:space-between;align-items:center;gap:6px;font-size:10px;display:flex}.flow-property>span:first-child{color:var(--color-muted-foreground)}.flow-assignee{align-items:center;gap:5px;font-size:10px;display:flex}.flow-assignee img{object-fit:cover;border-radius:50%;width:21px;height:21px}.flow-page-status{background:var(--color-accent);white-space:nowrap;border-radius:4px;padding:2px 5px;font-size:9px;transition:background-color .42s cubic-bezier(0,0,.2,1),color .42s cubic-bezier(0,0,.2,1)}.flow-page-status[data-completed=true]{background:var(--jade-3,#e6f6ec);color:var(--success-foreground)}.flow-footer{background:var(--color-subtle);border-top:1px solid var(--color-border);min-height:37px;color:var(--color-muted-foreground);white-space:nowrap;border-radius:0 0 15px 15px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;padding:10px 12px;font-size:11px;line-height:16px;transition:background-color .42s cubic-bezier(0,0,.2,1);display:flex}.flow-footer>span{line-height:16px}.flow-footer>span:first-child{align-items:center;gap:5px;display:inline-flex}.flow-footer>span:last-child{font-variant-numeric:tabular-nums;margin-left:auto}.flow-footer svg{stroke-width:1.5px;flex-shrink:0;width:14px;height:14px;display:block}.flow-footer[data-status=Running]{background:var(--warning);border-top-color:var(--color-border)}.flow-footer[data-status=Completed]{background:var(--success);border-top-color:var(--color-border)}.flow-status-slot{min-width:78px;min-height:16px;position:relative}.flow-status{white-space:nowrap;align-items:center;gap:5px;transition:color .25s;display:inline-flex}.flow-status[data-status=Running]{color:var(--warning-foreground)}.flow-status[data-status=Completed]{color:var(--success-foreground)}.flow-status-spinner{animation:1s linear infinite flow-status-spin}.flow-visual[data-running=false] .flow-status-spinner{animation-play-state:paused}@keyframes flow-status-spin{to{transform:rotate(360deg)}}.flow-port{border:1px solid var(--color-border);background:var(--color-background);border-radius:50%;width:7px;height:7px;position:absolute;top:50%;transform:translateY(-50%)}.flow-port-in{left:-5px}.flow-port-out{right:-5px}.flow-input .flow-port-in,.flow-output .flow-port-out{display:none}.flow-connections{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.flow-connections path{fill:none;stroke:var(--color-border);stroke-width:1.2px}.flow-connections .flow-connection-progress{stroke:var(--color-subtle-foreground)}.flow-input,.flow-output{opacity:.95}@container (width>=480px){.flow-visual{width:calc(100% + 2rem);margin-inline:-1rem}.flow-canvas{padding-inline:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 2rem calc(100% - 2rem),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 2rem calc(100% - 2rem),#0000 100%)}.flow-grid{grid-template-columns:clamp(200px,29cqw,240px) clamp(250px,36cqw,280px) clamp(200px,29cqw,240px);justify-content:space-between;gap:0;width:min(100% + 32px,860px);left:50%;transform:translate(-50%)}.flow-node-body{padding:20px 16px}.flow-heading,.flow-model,.flow-result-label{font-size:14px}.flow-description,.flow-label,.flow-control,.flow-brief,.flow-result,.flow-message-author,.flow-footer{font-size:12px}.flow-mark{width:29px;height:29px}.flow-mark img{width:20px;height:20px}.flow-label{margin-top:16px}.flow-model{padding:9px 10px}.flow-control{min-height:34px}.flow-footer{min-height:42px;padding:12px 14px}}@media (width>=640px){.flow-visual{width:calc(100% + 3rem);margin-inline:-1.5rem}}@container (width<=479px){.flow-grid{grid-template-columns:1fr;gap:28px;max-width:290px;margin:auto}.flow-canvas{padding:18px 8px}.flow-node-body{padding:16px}.flow-heading{font-size:14px}.flow-description,.flow-label,.flow-control,.flow-brief,.flow-result{font-size:12px}.flow-footer{font-size:11px}.flow-port{top:-5px;left:50%;transform:translate(-50%)}.flow-port-out{top:auto;bottom:-5px}}@media (prefers-reduced-motion:reduce){.flow-node,.flow-footer,.flow-status,.flow-page-status{transition:none}.flow-status-spinner{animation:none}}