.graph[data-v-8d8328ee]{gap:var(--space-6);background:0 0;flex-direction:column;align-items:flex-start;display:flex}.nodes[data-v-8d8328ee]{gap:var(--space-7);grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,.7fr);width:100%;padding:0;list-style:none;display:grid}.node[data-v-8d8328ee],.nodes[data-v-8d8328ee]{position:relative}.node[data-v-8d8328ee]{border-radius:var(--radius-md);background:var(--surface-card);border:1px solid color-mix(in srgb,var(--brand) 45%,var(--border));box-shadow:var(--shadow-1)}.node.ph[data-v-8d8328ee]{border-style:dashed}.node[data-v-8d8328ee]:not(:last-child):after{content:"";width:var(--space-7);background:linear-gradient(90deg,var(--brand),var(--accent));height:2px;position:absolute;top:50%;left:100%;transform:translateY(-1px)}.port[data-v-8d8328ee]{background:var(--surface-page);border:2px solid var(--brand);z-index:1;border-radius:50%;width:10px;height:10px;margin-top:-5px;position:absolute;top:50%}.port.in[data-v-8d8328ee]{border-color:var(--accent);left:-6px}.port.out[data-v-8d8328ee]{right:-6px}.node-link[data-v-8d8328ee]{gap:var(--space-2);padding:var(--space-3);color:var(--text-primary);border-radius:inherit;flex-direction:column;text-decoration:none;display:flex}.node-img[data-v-8d8328ee]{aspect-ratio:16/9;border-radius:var(--radius-sm);background:var(--surface-page);display:block;overflow:hidden}.node-title[data-v-8d8328ee]{font-family:var(--font-mono);font-weight:700;font-size:var(--step--1);line-height:1.35}.node-tags[data-v-8d8328ee]{flex-wrap:wrap;gap:6px;display:flex}.node-ph[data-v-8d8328ee]{align-self:flex-start}.node-link:hover .node-title[data-v-8d8328ee]{color:var(--brand-text)}.output[data-v-8d8328ee]{justify-content:center;gap:var(--space-2);padding:var(--space-5);background:color-mix(in srgb,var(--brand) 10%,var(--surface-card));border-style:solid;flex-direction:column;display:flex}.out-icon[data-v-8d8328ee]{width:24px;height:24px;color:var(--brand-text)}.out-sub[data-v-8d8328ee]{font-family:var(--font-mono);color:var(--text-meta);font-size:12px}@media (width<=960px){.nodes[data-v-8d8328ee]{gap:var(--space-6);grid-template-columns:1fr;max-width:420px}.node[data-v-8d8328ee]:not(:last-child):after{width:2px;height:var(--space-6);background:linear-gradient(180deg,var(--brand),var(--accent));top:100%;left:50%}.port.in[data-v-8d8328ee]{top:-6px}.port.in[data-v-8d8328ee],.port.out[data-v-8d8328ee]{margin:0 0 0 -5px;left:50%}.port.out[data-v-8d8328ee]{top:auto;bottom:-6px;right:auto}}