:root{color-scheme:light;--canvas: #eceae5;--canvas-dot: #cfcdc5;--surface-1: #f9f9f7;--surface-2: #fcfcfb;--surface-3: #f0efec;--surface-hover: rgba(11, 11, 11, .045);--surface-active: rgba(11, 11, 11, .08);--text-primary: #0b0b0b;--text-secondary: #52514e;--text-muted: #898781;--text-inverse: #fcfcfb;--border: rgba(11, 11, 11, .12);--border-strong: #c3c2b7;--grid: #e1e0d9;--accent: #2a78d6;--guide-ink: var(--accent);--accent-soft: rgba(42, 120, 214, .14);--socket-table: #2a78d6;--socket-matrix: #eb6834;--socket-dataset: #1baf7a;--socket-geometry: #6f27e1;--socket-transform: #0f9fbe;--socket-layers: #9e3081;--socket-scalar: #898781;--socket-any: #898781;--card-bleed: 10px;--chip-1: #2a78d6;--chip-2: #eb6834;--chip-3: #1baf7a;--chip-4: #eda100;--chip-5: #e87ba4;--chip-6: #008300;--chip-7: #4a3aa7;--chip-8: #e34948;--status-ok: #0ca30c;--status-stale: #fab219;--status-running: #2a78d6;--status-error: #d03b3b;--status-muted: #898781;--status-running-ring: #a87400;--status-warn: #8a5e00;--status-refused: #c22f2f;--cat-dataset: #1baf7a;--cat-dataset-cave: #0b6b48;--cat-dataset-catmaid: #12885d;--cat-dataset-mock: #7fb3a0;--cat-query: #2a78d6;--cat-transform: #898781;--cat-analysis: #4a3aa7;--cat-visualisation: #eb6834;--cat-utility: #898781;--cat-ink-light: #fbfbfa;--cat-ink-dark: #131313;--cat-dataset-head: #0d7f57;--cat-dataset-cave-head: #0a5c40;--cat-dataset-catmaid-head: #0b6f4d;--cat-dataset-mock-head: #5f9884;--cat-query-head: #2a6bbf;--cat-transform-head: #6b6963;--cat-analysis-head: #6152c6;--cat-visualisation-head: #b8461a;--cat-utility-head: #6b6963;--note-surface: #faf8f1;--note-border: #7d7b76;--group-line: #7d7b76;--start-image-opacity: .32;--node-width: 232px;--radius: 6px;--radius-sm: 4px;--shadow-node: 0 1px 2px rgba(11, 11, 11, .1), 0 4px 12px rgba(11, 11, 11, .06);--shadow-panel: 0 8px 32px rgba(11, 11, 11, .16);--font-ui: system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--canvas: #121211;--canvas-dot: #2e2e2b;--surface-1: #171716;--surface-2: #1f1f1e;--surface-3: #1a1a19;--surface-hover: rgba(255, 255, 255, .06);--surface-active: rgba(255, 255, 255, .1);--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #898781;--text-inverse: #0b0b0b;--border: rgba(255, 255, 255, .11);--border-strong: #383835;--grid: #2c2c2a;--status-running-ring: #fab219;--status-warn: #fab219;--status-refused: #e05c5c;--accent: #3987e5;--guide-ink: #fab219;--accent-soft: rgba(57, 135, 229, .2);--socket-table: #3987e5;--socket-matrix: #d95926;--socket-dataset: #199e70;--socket-geometry: #7f3df8;--socket-transform: #27a2c0;--socket-layers: #ae3f90;--socket-scalar: #898781;--socket-any: #898781;--chip-1: #3987e5;--chip-2: #d95926;--chip-3: #199e70;--chip-4: #c98500;--chip-5: #d55181;--chip-6: #008300;--chip-7: #9085e9;--chip-8: #e66767;--cat-dataset: #199e70;--cat-dataset-cave: #3fd6a0;--cat-dataset-catmaid: #2ab98a;--cat-dataset-mock: #6f9686;--cat-query: #3987e5;--cat-transform: #898781;--cat-analysis: #9085e9;--cat-visualisation: #d95926;--cat-utility: #898781;--note-surface: #191918;--start-image-opacity: .55;--shadow-node: 0 1px 2px rgba(0, 0, 0, .5), 0 6px 18px rgba(0, 0, 0, .35);--shadow-panel: 0 8px 32px rgba(0, 0, 0, .55)}}:root[data-theme=dark]{color-scheme:dark;--canvas: #121211;--canvas-dot: #2e2e2b;--surface-1: #171716;--surface-2: #1f1f1e;--surface-3: #1a1a19;--surface-hover: rgba(255, 255, 255, .06);--surface-active: rgba(255, 255, 255, .1);--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #898781;--text-inverse: #0b0b0b;--border: rgba(255, 255, 255, .11);--border-strong: #383835;--grid: #2c2c2a;--status-running-ring: #fab219;--status-warn: #fab219;--status-refused: #e05c5c;--accent: #3987e5;--guide-ink: #fab219;--accent-soft: rgba(57, 135, 229, .2);--socket-table: #3987e5;--socket-matrix: #d95926;--socket-dataset: #199e70;--socket-geometry: #7f3df8;--socket-transform: #27a2c0;--socket-layers: #ae3f90;--socket-scalar: #898781;--socket-any: #898781;--chip-1: #3987e5;--chip-2: #d95926;--chip-3: #199e70;--chip-4: #c98500;--chip-5: #d55181;--chip-6: #008300;--chip-7: #9085e9;--chip-8: #e66767;--cat-dataset: #199e70;--cat-dataset-cave: #3fd6a0;--cat-dataset-catmaid: #2ab98a;--cat-dataset-mock: #6f9686;--cat-query: #3987e5;--cat-transform: #898781;--cat-analysis: #9085e9;--cat-visualisation: #d95926;--cat-utility: #898781;--note-surface: #191918;--start-image-opacity: .55;--shadow-node: 0 1px 2px rgba(0, 0, 0, .5), 0 6px 18px rgba(0, 0, 0, .35);--shadow-panel: 0 8px 32px rgba(0, 0, 0, .55)}[data-family=table],[data-fam=table]{--sock: var(--socket-table)}[data-family=matrix],[data-fam=matrix]{--sock: var(--socket-matrix)}[data-family=dataset],[data-fam=dataset]{--sock: var(--socket-dataset)}[data-family=geometry],[data-fam=geometry]{--sock: var(--socket-geometry)}[data-family=transform],[data-fam=transform]{--sock: var(--socket-transform)}[data-family=layers],[data-fam=layers]{--sock: var(--socket-layers)}[data-family=scalar],[data-fam=scalar],[data-family=any],[data-fam=any]{--sock: var(--socket-scalar)}[data-category],[data-cat],[data-backend]{--cat-ink: var(--cat-ink-light)}[data-category=dataset],[data-cat=dataset]{--cat-head: var(--cat-dataset-head)}[data-category=query],[data-cat=query]{--cat-head: var(--cat-query-head)}[data-category=transform],[data-cat=transform]{--cat-head: var(--cat-transform-head)}[data-category=analysis],[data-cat=analysis]{--cat-head: var(--cat-analysis-head)}[data-category=visualisation],[data-cat=visualisation]{--cat-head: var(--cat-visualisation-head)}[data-category=utility],[data-cat=utility]{--cat-head: var(--cat-utility-head)}[data-backend=cave]{--cat-head: var(--cat-dataset-cave-head)}[data-backend=catmaid]{--cat-head: var(--cat-dataset-catmaid-head)}[data-backend=mock]{--cat-head: var(--cat-dataset-mock-head);--cat-ink: var(--cat-ink-dark)}*,*:before,*:after{box-sizing:border-box}html{height:100%;height:100dvh}body,#root{height:100%}html,body,#root{margin:0}html:fullscreen{background:var(--canvas)}body{font-family:var(--font-ui);font-size:13px;line-height:1.45;color:var(--text-primary);background:var(--canvas);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px;border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-track{background:transparent}.app{display:grid;grid-template-rows:auto 1fr auto auto;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"toolbar toolbar toolbar" "canvas dock inspector" "assistant assistant assistant" "status status status";height:100%}.app[data-dock=open]{grid-template-columns:minmax(0,1fr) minmax(min(360px,60%),var(--dock-width, 50%)) auto}.toolbar{grid-area:toolbar;display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 10px;background:var(--surface-1);border-bottom:1px solid var(--border);min-height:42px}.toolbar__brand{display:flex;align-items:center;gap:7px;margin-right:6px;-webkit-user-select:none;user-select:none}.toolbar__brand svg{flex:none;color:var(--text-primary)}.toolbar__brand strong{font-size:14px;letter-spacing:.2px}.toolbar__spacer{flex:1}.toolbar__name{font-size:12px;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);padding:3px 6px;min-width:140px;max-width:260px}.toolbar__name:hover{border-color:var(--border)}.toolbar__name:focus{border-color:var(--accent);background:var(--surface-2);color:var(--text-primary)}.canvas-area{grid-area:canvas;position:relative;min-width:0;min-height:0}.viewer-dock{grid-area:dock;display:flex;min-width:0;min-height:0;background:var(--surface-1);border-left:1px solid var(--border)}.viewer-surface .overlay__style{max-width:45%}.viewer-dock__panel{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.viewer-dock__grip{flex:none;width:6px;margin-left:-1px;cursor:col-resize;background:transparent;touch-action:none}.viewer-dock__grip:hover,.viewer-dock__grip:focus-visible{background:var(--accent);outline:none}.inspector{grid-area:inspector;width:var(--inspector-width, 320px);background:var(--surface-1);border-left:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.app[data-narrow] .toolbar{gap:4px;padding:6px}.app[data-narrow] .toolbar__brand{margin-right:0}.app[data-narrow] .toolbar__brand strong{display:none}.app[data-narrow]{--inspector-width: auto}.app[data-narrow][data-dock=open]{grid-template-columns:0 minmax(0,1fr) auto}.app[data-narrow][data-inspector=open]{grid-template-columns:0 auto minmax(0,1fr)}.app[data-narrow][data-inspector=open][data-dock=open] .viewer-dock{display:none}.statusbar{grid-area:status;display:flex;align-items:center;gap:10px;padding:4px 10px;background:var(--surface-1);border-top:1px solid var(--border);font-size:11px;color:var(--text-secondary);min-height:28px}.btn{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;font-size:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap}.btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.btn:active:not(:disabled){background:var(--surface-active)}.btn:disabled{opacity:.45;cursor:default}.btn--primary{background:var(--accent);border-color:transparent;color:#fff;font-weight:550}.btn--primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.08)}.btn--ghost{background:transparent;border-color:transparent}.btn--ghost:hover:not(:disabled){background:var(--surface-hover)}.btn__kbd{font-size:10px;opacity:.7;font-family:var(--font-mono)}.btn--icon{width:28px;padding:4px 0;justify-content:center;color:var(--text-secondary)}.btn--icon:hover:not(:disabled){color:var(--text-primary)}.btn--icon[aria-pressed=true]{color:var(--text-primary);background:var(--surface-hover);border-color:var(--border)}.badge-count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;font-size:10px;font-weight:600;background:var(--surface-3);color:var(--text-secondary)}.badge-count[data-tone=stale]{background:color-mix(in srgb,var(--status-stale) 22%,transparent);color:var(--text-primary)}.badge-count[data-tone=error]{background:color-mix(in srgb,var(--status-error) 24%,transparent);color:var(--text-primary)}:root{--measure: 34rem;--gutter: clamp(1.25rem, 5vw, 4rem);--t-table: var(--socket-table);--t-matrix: var(--socket-matrix);--t-dataset: var(--socket-dataset);--t-geometry: var(--socket-geometry);--t-transform: var(--socket-transform);--t-layers: var(--socket-layers);--t-scalar: var(--socket-scalar);--ty-geometry: #8f6bf3;--ty-layers: #cb57aa;--status-ring: var(--status-running-ring)}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--text-primary);font-family:var(--font-ui);font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden;overscroll-behavior:auto}a{color:inherit;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);text-underline-offset:3px}a:hover{text-decoration-color:currentColor}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}h1,h2,h3{text-wrap:balance;margin:0;letter-spacing:-.028em;font-weight:800;line-height:1.06}p{margin:0}strong{font-weight:650}code,.mono{font-family:var(--font-mono);font-size:.86em}code{background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.1em .36em;white-space:nowrap}.ty{font-weight:650;white-space:nowrap}.ty--table{color:var(--t-table)}.ty--matrix{color:var(--t-matrix)}.ty--dataset{color:var(--t-dataset)}.ty--transform{color:var(--t-transform)}.ty--geometry{color:var(--ty-geometry)}.ty--layers{color:var(--ty-layers)}.shell{max-width:1180px;margin:0 auto;padding-inline:var(--gutter)}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);display:flex;align-items:baseline;gap:.7em}.eyebrow:after{content:"";flex:1;height:1px;background:var(--border);transform:translateY(-.25em)}.lede{font-size:1.14rem;color:var(--text-secondary)}.js .rise{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}.js .rise.is-in{opacity:1;transform:none}.js .rise[data-delay="1"]{transition-delay:.08s}.js .rise[data-delay="2"]{transition-delay:.16s}.js .rise[data-delay="3"]{transition-delay:.24s}.js .rise[data-delay="4"]{transition-delay:.32s}.hero{position:relative;min-height:92vh;min-height:92svh;display:grid;align-content:center;padding-block:clamp(5rem,14vh,9rem) clamp(3rem,8vh,5rem);background:radial-gradient(1100px 620px at 76% 34%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 66%),var(--canvas);border-bottom:1px solid var(--border);overflow:hidden}.hero__dots{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(var(--canvas-dot) 1px,transparent 1px);background-size:22px 22px;opacity:.85;pointer-events:none}.hero__inner{position:relative;display:grid;gap:2rem}.hero__brand{display:flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-secondary)}.hero__brand svg{color:var(--text-primary)}.hero__tag{border:1px solid var(--border-strong);border-radius:999px;padding:.15em .7em;font-size:10px;color:var(--text-muted);letter-spacing:.1em}.hero h1{font-size:clamp(2.2rem,5.9vw,4.3rem);max-width:19ch;letter-spacing:-.035em}.hero h1 em{font-style:normal;color:var(--text-muted)}.hero__sub{max-width:46ch;font-size:clamp(1.05rem,1.9vw,1.28rem);color:var(--text-secondary)}.hero__meta{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;font-family:var(--font-mono);font-size:12px;color:var(--text-muted);padding-top:.5rem}.hero__meta span{display:flex;align-items:center;gap:.45rem}.scrollcue{position:relative;margin-top:clamp(2rem,6vh,4rem);font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);display:flex;align-items:center;gap:.75rem}.scrollcue__line{width:46px;height:1px;background:var(--border-strong);position:relative;overflow:hidden}.scrollcue__line:after{content:"";position:absolute;inset:0 auto 0 0;width:14px;background:var(--text-primary);animation:cue 2.4s ease-in-out infinite}@keyframes cue{0%{transform:translate(-14px)}60%,to{transform:translate(46px)}}.build{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(2rem,5vw,4.5rem);align-items:start;padding-block:clamp(3rem,9vh,6rem)}.build__stage{position:sticky;top:6vh;align-self:start;height:78vh;height:78svh;min-height:380px}.stage{position:relative;height:100%;border:1px solid var(--border-strong);border-radius:10px;background:radial-gradient(var(--canvas-dot) 1px,transparent 1px) 0 0 / 22px 22px,var(--canvas);box-shadow:var(--shadow-panel);overflow:hidden}.stage__bar{position:absolute;inset:0 0 auto 0;z-index:4;display:flex;align-items:center;gap:.5rem;padding:0 10px;height:34px;background:var(--surface-1);border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.stage__bar strong{color:var(--text-primary);font-weight:650;letter-spacing:-.01em}.stage__spacer{flex:1}.stage__run{border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:2px 8px;color:var(--text-secondary);background:var(--surface-2);transition:color .3s,border-color .3s,background .3s}.stage[data-pending=true] .stage__run{color:#fff;background:var(--accent);border-color:var(--accent)}.world{position:absolute;top:34px;left:0;width:1300px;height:440px;transform-origin:0 0;transform:translate(var(--tx, 0px),var(--ty, 0px)) scale(var(--k, 1));transition:transform 1s cubic-bezier(.22,1,.36,1)}.wires{position:absolute;top:-4.5px;right:0;bottom:0;left:.5px;width:1300px;height:440px;overflow:visible}.wires path{--len: 400;fill:none;stroke-width:2;stroke-linecap:round}.js .wires path{stroke-dasharray:var(--len) var(--len);stroke-dashoffset:var(--len);transition:stroke-dashoffset .85s cubic-bezier(.65,0,.35,1)}.js .wires path.is-on{stroke-dashoffset:0}.node{position:absolute;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-node);font-size:12px;overflow:clip;overflow-clip-margin:var(--card-bleed);--state-bar: 3px}.node__head{border-radius:calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0 0}.node>:last-child{border-bottom-left-radius:calc(var(--radius) - 1px);border-bottom-right-radius:calc(var(--radius) - 1px)}.js .node{opacity:0;transform:translateY(10px) scale(.97);transition:opacity .55s ease,transform .55s cubic-bezier(.22,1,.36,1)}.js .node.is-on{opacity:1;transform:none}.node:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--state-bar);background:var(--status-muted);z-index:1;transition:background .4s}.node[data-state=ok]:before{background:var(--status-ok)}.node[data-state=stale]:before{background:var(--status-stale)}.node[data-state=running]:before{background:var(--status-running)}.node__head{display:flex;align-items:center;gap:6px;padding:5px 8px 5px calc(8px + var(--state-bar));background:var(--cat-head, var(--cat-utility-head));color:var(--cat-ink, var(--cat-ink-light));border-bottom:1px solid var(--border)}.node[data-cat=dataset]{--cat: var(--cat-dataset)}.node[data-cat=query]{--cat: var(--cat-query)}.node[data-cat=transform]{--cat: var(--cat-transform)}.node[data-cat=visualisation]{--cat: var(--cat-visualisation)}.node__head{line-height:1.5}.node__title{flex:1;font-weight:650;font-size:12px;letter-spacing:-.01em}.node__play{font-size:10px;color:var(--text-muted);border:1px solid var(--border);border-radius:3px;padding:0 4px;line-height:1.5}.node[data-state=stale] .node__play{color:var(--status-stale);border-color:color-mix(in srgb,var(--status-stale) 50%,transparent)}.node__ports{padding:4px 0}.port{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:4px;align-items:center;min-height:20px;font-size:11px;color:var(--text-secondary)}.port__in,.port__out{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.port__in{padding-left:calc(11px + var(--state-bar))}.port__out{text-align:right;padding-right:11px}.port__in:empty,.port__out:empty{visibility:hidden}.sock{position:absolute;width:11px;height:11px;border-radius:50%;border:1.5px solid var(--surface-2);background:var(--sock, var(--t-scalar));top:50%;transform:translateY(-50%)}.sock--in{left:-6.5px}.sock--out{right:-6.5px}.sock[data-shape=ring]{background:var(--surface-2);border-width:2.5px;border-color:var(--sock, var(--t-scalar))}.sock[data-shape=square]{border-radius:2px}.sock[data-shape=hex]{border-radius:1px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.sock[data-shape=dot]{width:8px;height:8px}.sock[data-shape=diamond]{border-radius:2px;width:10px;height:10px;transform:translateY(-50%) rotate(45deg)}.node__params{display:flex;flex-direction:column;gap:4px;padding:5px 8px 6px calc(8px + var(--state-bar));border-top:1px solid var(--border)}.prow{display:grid;grid-template-columns:1fr 1.15fr;gap:6px;align-items:center}.prow span{font-size:10.5px;color:var(--text-secondary)}.prow b{font-family:var(--font-mono);font-size:10px;font-weight:400;background:var(--surface-3);border:1px solid var(--border);border-radius:3px;padding:1px 5px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prow b.is-picker:after{content:"▾";float:right;color:var(--text-muted);margin-left:4px}.node__foot{display:flex;gap:6px;padding:3px 8px 4px calc(8px + var(--state-bar));border-top:1px solid var(--border);background:var(--surface-3);font-size:10px;color:var(--text-muted);font-variant-numeric:tabular-nums}.node__foot span:first-child{flex:1}.ring{position:absolute;top:-6px;left:-6px;width:calc(100% + 12px);height:calc(100% + 12px);overflow:visible;pointer-events:none;opacity:0;transition:opacity .3s}.node[data-state=running] .ring{opacity:1}.ring rect{x:1px;y:1px;width:calc(100% - 2px);height:calc(100% - 2px);rx:9px;fill:none;stroke:var(--status-ring);stroke-width:2;stroke-dasharray:.62 1;animation:ringpulse 1.4s ease-in-out infinite}@keyframes ringpulse{0%,to{opacity:1}50%{opacity:.45}}.mini{padding:8px 8px 8px calc(8px + var(--state-bar));display:flex;align-items:flex-end;gap:5px;height:96px}.mini i{flex:1;background:var(--t-matrix);border-radius:2px 2px 0 0;height:6px;transition:height .9s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i) * .07s)}.node.is-on .mini i{height:var(--h)}.mini-axis{padding:0 8px 6px calc(8px + var(--state-bar));display:flex;gap:5px;font-family:var(--font-mono);font-size:8px;color:var(--text-muted)}.mini-axis span{flex:1;text-align:center;overflow:hidden}.callout{position:absolute;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);opacity:0;transition:opacity .5s;white-space:nowrap;pointer-events:none}.js .stage[data-beat="0"] .callout{opacity:1}:root:not(.js) .callout{display:none}.callout:before{content:"";position:absolute;top:50%;height:1px;background:var(--border-strong)}.callout[data-side=l]{text-align:right}.callout[data-side=l]:before{left:100%;width:var(--lead, 26px)}.callout[data-side=r]:before{right:100%;width:var(--lead, 26px)}.beats{display:grid;gap:0}.beat{min-height:84svh;display:grid;align-content:center;gap:1rem;padding-block:3rem;max-width:var(--measure)}.beat h2{font-size:clamp(1.7rem,3.4vw,2.5rem)}.beat p{color:var(--text-secondary)}.beat p+p{margin-top:.35rem}.beat__n{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--text-muted)}.fig{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1);padding:.9rem 1rem;display:grid;gap:.6rem;margin-top:.4rem}.fig__cap{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);line-height:1.5}.fig__cap b{color:var(--text-primary);font-weight:650}.legend{display:grid;gap:.45rem}.legend__row{display:flex;align-items:center;gap:.6rem;font-size:13px;color:var(--text-secondary)}.legend__row .swatch{position:relative;width:11px;height:11px;flex:none}.legend__row .swatch--set{display:flex;align-items:center;gap:4px;width:auto}.legend__row .sock{position:static;display:inline-block;transform:none}.legend__row .sock[data-shape=diamond]{transform:rotate(45deg)}.legend__row code{font-size:11px}.chapter{padding-block:clamp(4rem,12vh,8rem);border-top:1px solid var(--border)}.chapter__head{display:grid;gap:.9rem;max-width:var(--measure);margin-bottom:clamp(2rem,5vh,3.25rem)}.chapter__head h2{font-size:clamp(1.7rem,3.4vw,2.5rem)}.chapter__head p{color:var(--text-secondary)}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.75rem,4vw,3.5rem);align-items:start}.split--wide{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.stack{display:grid;gap:1.5rem;align-content:start}.stack p{color:var(--text-secondary);max-width:var(--measure)}.point{display:grid;gap:.3rem}.point h3{font-size:1.02rem;font-weight:700;letter-spacing:-.015em}.point p{font-size:.95rem}.surface{border:1px solid var(--border-strong);border-radius:10px;background:var(--surface-1);box-shadow:var(--shadow-panel);overflow:hidden}.surface__bar{display:flex;align-items:center;gap:.5rem;padding:7px 10px;background:var(--surface-3);border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.surface__bar strong{color:var(--text-primary);font-weight:650}.explore__search{margin:10px;display:flex;align-items:center;gap:.5rem;padding:7px 10px;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:12px}.explore__search .q{color:var(--text-primary)}.explore__search .caret{width:1px;height:14px;background:var(--accent);animation:blink 1.1s steps(1) infinite}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.explore__count{margin-left:auto;color:var(--text-muted);font-size:11px}.row{display:grid;grid-template-columns:18px 46px minmax(0,1fr);gap:10px;align-items:center;padding:8px 12px;border-top:1px solid var(--border)}.js .row{opacity:0;transform:translate(-10px);transition:opacity .5s ease,transform .5s cubic-bezier(.22,1,.36,1)}.js .is-in .row{opacity:1;transform:none}.js .is-in .row:nth-child(2){transition-delay:.08s}.js .is-in .row:nth-child(3){transition-delay:.16s}.js .is-in .row:nth-child(4){transition-delay:.24s}.js .is-in .row:nth-child(5){transition-delay:.32s}.row__tick{width:15px;height:15px;border:1.5px solid var(--border-strong);border-radius:3px;display:grid;place-items:center;font-size:10px;color:transparent}.row[data-picked=true] .row__tick{background:var(--accent);border-color:var(--accent);color:#fff}.row__thumb{width:46px;height:38px;background:var(--surface-3);border-radius:var(--radius-sm);border:1px solid var(--border)}.row__main{min-width:0;display:grid;gap:4px}.row__name{font-family:var(--font-mono);font-size:12px;font-weight:500;display:flex;gap:.6rem;align-items:baseline}.row__id{color:var(--text-muted);font-size:11px;font-weight:400}.row__chips{display:flex;flex-wrap:wrap;gap:4px}.chip{font-family:var(--font-mono);font-size:9.5px;line-height:1.5;padding:1px 5px;border-radius:3px;border:1px solid var(--c);background:color-mix(in srgb,var(--c) 24%,transparent);color:var(--text-primary);white-space:nowrap}.chip[data-slot="1"]{--c: var(--chip-1)}.chip[data-slot="2"]{--c: var(--chip-2)}.chip[data-slot="3"]{--c: var(--chip-3)}.chip[data-slot="4"]{--c: var(--chip-4)}.chip[data-slot="5"]{--c: var(--chip-5)}.chip[data-slot="6"]{--c: var(--chip-6)}.chip[data-slot="7"]{--c: var(--chip-7)}.chip[data-slot="8"]{--c: var(--chip-8)}.explore__ports{display:flex;gap:0;border-top:1px solid var(--border);background:var(--surface-3)}.explore__port{flex:1;padding:8px 12px;display:grid;gap:2px;border-left:1px solid var(--border)}.explore__port:first-child{border-left:0}.explore__port b{font-family:var(--font-mono);font-size:11px;display:flex;align-items:center;gap:6px;font-weight:500}.explore__port span{font-size:10.5px;color:var(--text-muted);line-height:1.45}.explore__port .sock{position:static;transform:none}.field{display:grid;gap:5px;padding:12px}.field label{font-size:11px;font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.04em}.field .input{font-family:var(--font-mono);font-size:12px;padding:7px 9px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field .input[data-filled=true]{color:var(--text-primary)}.btnrow{display:flex;gap:8px;padding:0 12px 12px}.btn-m{font-size:12px;padding:5px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-secondary)}.btn-m[data-primary=true]{background:var(--accent);border-color:var(--accent);color:#fff}.ok-line{display:flex;align-items:center;gap:7px;padding:0 12px 12px;font-size:11.5px;color:var(--status-ok);font-family:var(--font-mono)}.dot-ok{width:7px;height:7px;border-radius:50%;background:var(--status-ok);flex:none}.dsgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:8px;padding:12px;border-top:1px solid var(--border)}.dscard{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);padding:8px 10px;display:grid;gap:3px}.dscard b{font-size:12px;font-weight:650;display:flex;align-items:center;gap:6px}.dscard b:before{content:"";width:9px;height:9px;border-radius:2px;background:var(--t-dataset);flex:none}.dscard span{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.keys{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:.55rem 1.75rem}.keyrow{display:flex;align-items:baseline;gap:.7rem;padding:.42rem 0;border-bottom:1px solid var(--border);font-size:14px;color:var(--text-secondary)}.keyrow span{flex:1}kbd{font-family:var(--font-mono);font-size:11px;padding:2px 7px;border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-primary);white-space:nowrap;flex:none}.gestures{display:grid;gap:.75rem}.gesture{display:flex;align-items:center;gap:.85rem;font-size:14px;color:var(--text-secondary)}.gesture svg{flex:none;color:var(--text-muted)}.cards2{display:grid;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:1rem}.savecard{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1);padding:1.15rem 1.25rem;display:grid;gap:.5rem;align-content:start}.savecard h3{font-size:1.02rem;font-weight:700;letter-spacing:-.015em}.savecard p{font-size:.93rem;color:var(--text-secondary)}.savecard__tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.savecard[data-durable=true]{border-color:color-mix(in srgb,var(--t-dataset) 45%,var(--border))}.savecard[data-durable=true] .savecard__tag{color:var(--t-dataset)}.note{background:var(--note-surface);border:1.5px solid var(--note-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-node);padding:.85rem 1rem;font-size:.93rem;color:var(--text-primary);max-width:30rem}.note strong{font-weight:650}.outro{padding-block:clamp(4rem,12vh,8rem) clamp(3rem,8vh,5rem);border-top:1px solid var(--border);text-align:center}.outro h2{font-size:clamp(1.9rem,4.6vw,3.1rem);max-width:18ch;margin-inline:auto}.outro p{color:var(--text-secondary);max-width:40ch;margin:1rem auto 0}.outro__actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:2rem}.cta{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.4rem;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-primary);text-decoration:none;font-size:.95rem;font-weight:600}.cta[data-primary=true]{background:var(--text-primary);color:var(--canvas);border-color:var(--text-primary)}.cta:hover{border-color:var(--accent)}.colophon{padding-block:1.75rem 3rem;font-family:var(--font-mono);font-size:11.5px;color:var(--text-muted);text-align:center;line-height:1.8}@media(max-width:980px){.build{display:block;padding-block:2rem 0}.build__stage{top:0;height:auto;min-height:0;z-index:3;padding:10px 0 14px;background:var(--canvas);box-shadow:0 14px 18px -14px #0006}.build__stage .stage{height:44svh;min-height:236px}.beat{min-height:62svh;padding-block:2rem;max-width:none}.callout{display:none}.split,.split--wide{grid-template-columns:minmax(0,1fr)}.hero{min-height:auto}}@media(max-width:620px){body{font-size:16px}.explore__ports{flex-direction:column}.explore__port{border-left:0;border-top:1px solid var(--border)}.explore__port:first-child{border-top:0}.row{grid-template-columns:18px 38px minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.js .rise,.js .row{opacity:1;transform:none}.js .wires path{stroke-dashoffset:0}.scrollcue__line:after{display:none}}.stage[data-beat="2"] .world{filter:blur(1.5px);opacity:.34}.world{transition:filter .5s,opacity .5s,transform 1s cubic-bezier(.22,1,.36,1)}.detail{position:absolute;top:34px;right:0;bottom:0;left:0;z-index:3;display:grid;align-content:center;justify-items:center;gap:.5rem;padding:1rem;opacity:0;pointer-events:none;transition:opacity .45s ease}.stage[data-beat="2"] .detail{opacity:1}.detail__bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:10px;background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-panel);max-width:100%}.tb{position:relative;display:flex;align-items:center;gap:5px;padding:4px 9px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);font-size:12px;color:var(--text-secondary);white-space:nowrap}.tb b{font-family:var(--font-mono);font-size:9.5px;font-weight:400;padding:1px 4px;border:1px solid var(--border);border-radius:3px;color:var(--text-muted)}.tb--check{border-color:transparent;background:transparent}.tb--check i{width:12px;height:12px;border:1.5px solid var(--border-strong);border-radius:3px}.tb--run{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.tb--run b{border-color:#fff6;color:#ffffffd9}.tb[data-ring]:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border:2px solid var(--status-ring);border-radius:999px;animation:ringpulse 1.5s ease-in-out infinite}.detail__cap{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);text-align:center}.detail__or{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);padding-block:.15rem}.detail__node{display:flex;align-items:center;gap:10px;padding:5px 8px 5px 11px;min-width:190px;background:color-mix(in srgb,var(--cat-query) 16%,var(--surface-2));border:1px solid var(--border);border-left:3px solid var(--status-ok);border-radius:var(--radius);box-shadow:var(--shadow-node);font-size:12px;font-weight:650}.detail__node span{flex:1}.browser__chips{display:flex;flex-wrap:wrap;gap:5px;padding:0 10px 10px}.cchip{font-size:11px;padding:2px 9px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-secondary)}.cchip[data-on=true]{background:var(--accent);border-color:var(--accent);color:#fff}.brow{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;padding:7px 12px;border-top:1px solid var(--border)}.brow__thumb{height:30px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);overflow:hidden}.brow__thumb i{display:block;height:8px;background:color-mix(in srgb,var(--c) 30%,var(--surface-2))}.brow__main{min-width:0;display:grid;gap:1px}.brow__name{font-size:12px;font-weight:650}.brow__sig{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.plot{padding:10px 12px 6px}.plot svg{display:block;width:100%;height:auto}.plot__axis{stroke:var(--border-strong);stroke-width:1}.plot__grid{stroke:var(--grid);stroke-width:1}.plot__pt{fill:var(--text-muted);opacity:.55}.plot__pt[data-picked=true]{fill:var(--socket-table);opacity:1}.plot__lasso{fill:color-mix(in srgb,var(--accent) 12%,transparent);stroke:var(--accent);stroke-width:1.2;stroke-dasharray:4 3}.plot__lab{font-family:var(--font-mono);font-size:8px;fill:var(--text-muted)}.pipe{display:grid;grid-template-columns:minmax(0,1.06fr) 78px minmax(0,1fr);align-items:center;gap:0}.pipe__link{position:relative;height:74px;display:grid;place-items:center}.pipe__link svg{width:78px;height:74px;overflow:visible}.pipe__link path{fill:none;stroke:var(--socket-table);stroke-width:2}.pipe__link .head{fill:var(--socket-table)}.pipe__link em{position:absolute;left:50%;top:6px;transform:translate(-50%);font-family:var(--font-mono);font-style:normal;font-size:10px;color:var(--text-secondary);background:var(--canvas);padding:0 4px;white-space:nowrap}.explore__port[data-wired=true] b{color:var(--socket-table)}@media(max-width:860px){.pipe{grid-template-columns:minmax(0,1fr)}.pipe__link{height:64px}.pipe__link svg{transform:rotate(90deg)}.pipe__link em{top:50%;left:calc(50% + 34px);transform:translateY(-50%)}}@media(max-width:760px){.detail{gap:.3rem;padding:.5rem}.detail__bar .tb:nth-child(-n+2){display:none}.detail__cap{font-size:10px}.detail__node{min-width:150px}}