.bp-section{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6) 0 var(--space-8);scroll-margin-top:var(--space-12)}.bp-header{display:flex;flex-direction:column;gap:var(--space-2)}.bp-title{font-family:var(--font-display);font-size:var(--fs-2xl);margin:0}.bp-subtitle{color:var(--text-muted);font-size:var(--fs-base);margin:0;max-width:60ch}.bp-toggles{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.bp-toggle{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:999px;font-size:var(--fs-sm);font-weight:500;background:var(--bg-elevated);color:var(--text-muted);cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition),transform var(--transition)}.bp-toggle:hover{border-color:var(--accent);color:var(--text)}.bp-toggle[data-on=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-hover)}.bp-toggle-dot{width:8px;height:8px;border-radius:999px;background:var(--text-muted);transition:background var(--transition),transform var(--transition)}.bp-toggle[data-on=true] .bp-toggle-dot{background:var(--accent);transform:scale(1.2)}.bp-canvas-wrap{position:relative;width:100%;border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(circle at 1px 1px,var(--border) 1px,transparent 1px) 0 0 / 24px 24px,var(--bg-elevated);overflow:hidden}.bp-canvas-wrap:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 35%,transparent) 0%,transparent 30%,transparent 70%,color-mix(in srgb,var(--bg) 25%,transparent) 100%);pointer-events:none}.bp-canvas{position:relative;width:100%;aspect-ratio:var(--bp-aspect)}.bp-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.bp-edge{fill:none;stroke:var(--text-muted);stroke-width:2;opacity:.55;transition:opacity .25s ease,stroke .25s ease}.bp-edge[data-dashed=true]{stroke-dasharray:6 6}.bp-edge[data-animated=true]{stroke-dasharray:14 18;animation:bp-edge-flow 1.6s linear infinite;opacity:.85;stroke:var(--accent);stroke-width:2.5}@keyframes bp-edge-flow{to{stroke-dashoffset:-32}}@media(prefers-reduced-motion:reduce){.bp-edge[data-animated=true]{animation:none}}.bp-edge-label{font-family:var(--font-body);font-size:12px;font-weight:500;fill:var(--text-muted);paint-order:stroke;stroke:var(--bg-elevated);stroke-width:4;stroke-linejoin:round;pointer-events:none}.bp-edge[data-hidden=true]{opacity:0;pointer-events:none}.bp-node-layer{position:absolute;inset:0;z-index:2}.bp-node{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:var(--space-2);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);text-align:center;cursor:pointer;transition:transform .22s cubic-bezier(.2,.7,.3,1),opacity .22s ease,box-shadow var(--transition),border-color var(--transition);transform:translate(-50%,-50%)}.bp-node:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translate(-50%,-50%) translateY(-2px);z-index:3}.bp-node:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bp-node[data-hidden=true]{opacity:0;transform:translate(-50%,-50%) scale(.92);pointer-events:none}.bp-node-logo{width:28px;height:28px;object-fit:contain;display:block;flex-shrink:0}.bp-node-label{font-size:var(--fs-sm);font-weight:600;color:var(--text);line-height:1.2;letter-spacing:-.005em}.bp-node-sublabel{font-size:11px;color:var(--text-muted);line-height:1.2}.bp-node[data-shape=cylinder]{border-radius:16px/28px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent-soft) 65%,transparent) 0%,color-mix(in srgb,var(--accent-soft) 65%,transparent) 14px,var(--bg) 14px,var(--bg) 100%);position:absolute;border-top-color:color-mix(in srgb,var(--accent) 50%,var(--border))}[data-theme=dark] .bp-node[data-shape=cylinder]{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 22%,transparent) 0%,color-mix(in srgb,var(--accent) 22%,transparent) 14px,var(--bg) 14px,var(--bg) 100%)}.bp-node[data-shape=queue]{background:repeating-linear-gradient(90deg,transparent 0,transparent 8px,var(--border) 8px,var(--border) 9px,transparent 9px,transparent 22px),var(--bg)}.bp-node[data-shape=cloud]{border-radius:999px;padding-inline:var(--space-4)}.bp-node[data-shape=person]{border-radius:999px;padding-top:var(--space-4)}.bp-node[data-shape=person]:before{content:"";position:absolute;top:-16px;left:50%;transform:translate(-50%);width:24px;height:24px;border-radius:999px;background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.bp-node[data-shape=external]{border-style:dashed;background:color-mix(in srgb,var(--bg) 80%,var(--border))}.bp-node[data-temp-logo=true]:after{content:"?";position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:999px;background:var(--bg-elevated);border:1px dashed var(--text-muted);color:var(--text-muted);font-family:var(--font-mono);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.bp-node[data-active=true]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.bp-panel-overlay{position:fixed;inset:0;background:color-mix(in srgb,var(--text) 18%,transparent);opacity:0;pointer-events:none;transition:opacity .22s ease;z-index:9000}.bp-panel-overlay[data-open=true]{opacity:1;pointer-events:auto}.bp-panel{position:fixed;top:0;right:0;bottom:0;width:min(420px,100vw);background:var(--bg);border-left:1px solid var(--border);box-shadow:0 0 40px #0000002e;z-index:9100;transform:translate(100%);transition:transform .28s cubic-bezier(.2,.7,.3,1);display:flex;flex-direction:column;overflow:hidden}.bp-panel[data-open=true]{transform:translate(0)}.bp-panel-header{padding:var(--space-6) var(--space-6) var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);border-bottom:1px solid var(--border)}.bp-panel-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:600}.bp-panel-title{font-family:var(--font-display);font-size:var(--fs-xl);margin:0;display:flex;align-items:center;gap:var(--space-3)}.bp-panel-logo{width:28px;height:28px;object-fit:contain}.bp-panel-sublabel{color:var(--text-muted);font-size:var(--fs-sm)}.bp-panel-body{padding:var(--space-4) var(--space-6) var(--space-6);overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:var(--space-6)}.bp-panel-section{display:flex;flex-direction:column;gap:var(--space-2)}.bp-panel-section h3{font-family:var(--font-body);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0;font-weight:600}.bp-panel-section p{margin:0;font-size:var(--fs-base);line-height:1.55;color:var(--text)}.bp-panel-alts{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.bp-panel-alts li{background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;padding:4px var(--space-3);font-size:var(--fs-sm);color:var(--text-muted)}.bp-panel-clouds{display:grid;grid-template-columns:max-content 1fr;gap:4px var(--space-3);margin:0;padding:0;font-size:var(--fs-sm)}.bp-panel-clouds dt{font-family:var(--font-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--accent);padding-top:2px}.bp-panel-clouds dd{margin:0;color:var(--text);line-height:1.5}.bp-panel-close{position:absolute;top:var(--space-4);right:var(--space-4);width:32px;height:32px;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;font-size:18px;font-family:var(--font-mono);line-height:1;cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition);z-index:1}.bp-panel-close:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-hover)}.bp-panel-temp-note{font-size:var(--fs-xs);color:var(--text-muted);font-style:italic}@media(max-width:768px){.bp-panel{inset:auto 0 0;width:100%;max-height:80vh;border-left:none;border-top:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;transform:translateY(100%)}.bp-panel[data-open=true]{transform:translateY(0)}}.bp-caption{font-size:var(--fs-sm);color:var(--text-muted);margin:0;max-width:70ch}.bp-legend{display:flex;flex-wrap:wrap;gap:var(--space-4);font-size:var(--fs-xs);color:var(--text-muted)}.bp-legend-item{display:inline-flex;align-items:center;gap:var(--space-2)}.bp-legend-swatch{width:12px;height:12px;border-radius:3px;border:1px solid var(--border)}@media(max-width:600px){.bp-canvas-wrap{overflow-x:auto}.bp-canvas{min-width:560px}}.reference-page[data-astro-cid-mcqv22hs]{padding-block:var(--space-12) var(--space-16);display:flex;flex-direction:column;gap:var(--space-8)}.reference-header[data-astro-cid-mcqv22hs]{display:flex;flex-direction:column;gap:var(--space-3);max-width:70ch}.reference-eyebrow[data-astro-cid-mcqv22hs]{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-weight:600;margin:0}.reference-header[data-astro-cid-mcqv22hs] h1[data-astro-cid-mcqv22hs]{font-size:var(--fs-3xl);margin:0}.reference-lede[data-astro-cid-mcqv22hs]{font-size:var(--fs-lg);color:var(--text-muted);line-height:1.55;margin:0}.reference-companion[data-astro-cid-mcqv22hs]{font-size:var(--fs-base);color:var(--text);line-height:1.55;margin:0;padding:var(--space-3) var(--space-4);border-left:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent);border-radius:0 var(--radius) var(--radius) 0}.reference-companion[data-astro-cid-mcqv22hs] a[data-astro-cid-mcqv22hs]{color:var(--accent);font-weight:600}.reference-toc[data-astro-cid-mcqv22hs]{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-4)}.reference-toc-label[data-astro-cid-mcqv22hs]{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.reference-toc[data-astro-cid-mcqv22hs] ul[data-astro-cid-mcqv22hs]{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.reference-toc[data-astro-cid-mcqv22hs] a[data-astro-cid-mcqv22hs]{display:inline-block;padding:4px var(--space-3);border-radius:999px;border:1px solid transparent;font-size:var(--fs-sm);text-decoration:none;color:var(--text-muted);transition:background var(--transition),color var(--transition),border-color var(--transition)}.reference-toc[data-astro-cid-mcqv22hs] a[data-astro-cid-mcqv22hs]:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-hover)}.reference-blueprints[data-astro-cid-mcqv22hs]{display:flex;flex-direction:column;gap:var(--space-12)}.reference-blueprints[data-astro-cid-mcqv22hs]>[data-astro-cid-mcqv22hs]:not(:last-child){border-bottom:1px dashed var(--border);padding-bottom:var(--space-12)}.reference-more[data-astro-cid-mcqv22hs]{border-top:1px solid var(--border);padding-top:var(--space-8);max-width:70ch}.reference-more[data-astro-cid-mcqv22hs] h2[data-astro-cid-mcqv22hs]{font-size:var(--fs-xl);margin:0 0 var(--space-3)}.reference-more[data-astro-cid-mcqv22hs] p[data-astro-cid-mcqv22hs]{color:var(--text-muted);margin:0}