@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/atkinson-hyperlegible-next-latin-ext-wght-normal-C6vrW8VD.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/atkinson-hyperlegible-next-latin-wght-normal-BcXVPD7q.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-cyrillic-ext-wght-normal-cHuGMAiY.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-cyrillic-wght-normal-DwHjdM4S.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-greek-wght-normal-ece1310W.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-vietnamese-wght-normal-D-yuW59g.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-latin-ext-wght-normal-CxNHBx-q.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/source-serif-4-latin-wght-normal-D9elroTD.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-DadHysG0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--hue:262;--paper:oklch(.993 .002 var(--hue));--canvas:oklch(.985 .003 var(--hue));--surface:oklch(.998 .001 var(--hue));--sunken:oklch(.965 .005 var(--hue));--dot:oklch(.86 .008 var(--hue));--ink:oklch(25% .025 258);--ink-2:oklch(43% .02 258);--ink-3:oklch(60% .016 258);--ink-4:oklch(74% .012 258);--line:oklch(.915 .006 var(--hue));--line-strong:oklch(.86 .009 var(--hue));--accent:oklch(.52 .18 var(--hue));--accent-ink:oklch(.45 .17 var(--hue));--accent-soft:oklch(.95 .03 var(--hue));--accent-faint:oklch(.975 .015 var(--hue));--accent-line:oklch(.78 .09 var(--hue));--danger:oklch(56% .19 25);--danger-soft:oklch(96% .025 25);--ok:oklch(55% .12 155);--edge:oklch(56% .018 258);--data:oklch(52% .11 200);--c-str:oklch(50% .12 152);--c-kind:oklch(50% .16 293);--c-def:var(--ink);--c-kw:oklch(52% .18 262);--c-arrow:oklch(56% .15 48);--c-num:oklch(52% .13 215);--c-com:oklch(66% .012 258);--c-port:oklch(50% .11 200);--sans:"Atkinson Hyperlegible Next Variable", "Atkinson Hyperlegible Next", system-ui, sans-serif;--serif:"Source Serif 4 Variable", "Source Serif 4", Georgia, serif;--mono:"Geist Mono Variable", "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--t-xs:.6875rem;--t-sm:.8125rem;--t-md:.875rem;--t-lg:1.125rem;--t-xl:1.5rem;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--r-sm:6px;--r-md:9px;--r-lg:14px;--shadow-pop:0 1px 2px oklch(25% .03 258/.06), 0 8px 24px -6px oklch(25% .03 258/.16), 0 0 0 1px oklch(25% .03 258/.06);--shadow-float:0 1px 1px oklch(25% .03 258/.05), 0 12px 32px -10px oklch(25% .03 258/.22), 0 0 0 1px oklch(25% .03 258/.07);--ease-out:cubic-bezier(.22, 1, .36, 1);--topbar-h:56px;--insp-w:360px;--code-w:440px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--sans);font-size:var(--t-md);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}code,.mono{font-family:var(--mono);font-size:.9em}kbd{font-family:var(--sans);color:var(--ink-3);background:var(--sunken);border:1px solid var(--line);text-align:center;white-space:nowrap;border-bottom-width:2px;border-radius:5px;min-width:18px;padding:0 5px;font-size:10.5px;font-weight:650;line-height:16px;display:inline-block}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:0;font-size:10.5px;font-weight:700}.muted{color:var(--ink-3)}.app{grid-template-rows:var(--topbar-h) 1fr;height:100%;display:grid}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(-4px)scale(.98)}}.btn{border-radius:var(--r-md);border:1px solid var(--line-strong);background:var(--surface);height:34px;font-size:var(--t-sm);color:var(--ink);white-space:nowrap;transition:background .15s, border-color .15s, color .15s, transform .12s var(--ease-out);align-items:center;gap:7px;padding:0 12px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--sunken);border-color:var(--ink-4)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default}.btn .chev{color:var(--ink-3);margin-left:-2px}.btn-ghost{color:var(--ink-2);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled),.btn-ghost.is-active{background:var(--sunken);color:var(--ink);border-color:#0000}.btn-primary{background:var(--ink);border-color:var(--ink);color:var(--paper)}.btn-primary .chev{color:oklch(80% .01 258)}.btn-primary:hover:not(:disabled),.btn-primary.is-active{background:oklch(32% .03 258);border-color:oklch(32% .03 258)}.btn-danger{color:var(--danger);background:0 0;border-color:#0000}.btn-danger:hover:not(:disabled){background:var(--danger-soft);border-color:#0000}.btn-sm{height:28px;font-size:var(--t-xs);border-radius:var(--r-sm);gap:5px;padding:0 9px}.btn-xs{gap:3px;height:24px;padding:0 7px;font-size:11px}.btn-add{color:var(--accent-ink)}.btn-add:hover:not(:disabled){background:var(--accent-faint)!important;color:var(--accent-ink)!important}.btn-group{margin-right:var(--space-xs);gap:2px;display:flex}.icon-btn{border-radius:var(--r-sm);width:32px;height:32px;color:var(--ink-2);flex:none;place-items:center;transition:background .15s,color .15s;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--sunken);color:var(--ink)}.icon-btn:disabled{opacity:.35;cursor:default}.icon-btn.sm{width:26px;height:26px;color:var(--ink-4)}.icon-btn.sm:hover,.icon-btn.danger:hover{background:var(--danger-soft);color:var(--danger)}.topbar{align-items:center;gap:var(--space-md);padding:0 var(--space-md) 0 var(--space-lg);background:var(--surface);border-bottom:1px solid var(--line);z-index:20;min-width:0;display:flex;position:relative}.brand{color:var(--ink);flex:none;align-items:center;gap:10px;text-decoration:none;display:flex}.brand-name{font-family:var(--serif);letter-spacing:-.01em;font-size:1.1875rem;font-weight:600}.logo{color:var(--ink)}.topbar-rule{background:var(--line-strong);flex:none;width:1px;height:22px}.crumbs{flex:1;align-items:center;min-width:0;display:flex;overflow:hidden}.crumb{min-width:0;animation:crumb-in .35s var(--ease-out);align-items:center;display:inline-flex}@keyframes crumb-in{0%{opacity:0;transform:translate(-6px)}}.crumb-sep{color:var(--ink-4);flex:none}.crumb button,.crumb-root{border-radius:var(--r-sm);color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;max-width:240px;padding:6px 8px;font-weight:600;overflow:hidden}.crumb button:hover,.crumb-root:hover{background:var(--sunken);color:var(--ink)}.crumb button.is-current{color:var(--ink)}.crumb-root{margin-left:-8px}.doc-title-input{border-radius:var(--r-sm);text-overflow:ellipsis;background:0 0;border:0;min-width:80px;max-width:36ch;margin-left:-8px;padding:6px 8px;font-weight:600;transition:background .15s}.doc-title-input:hover{background:var(--sunken)}.doc-title-input:focus{background:var(--surface);box-shadow:0 0 0 1.5px var(--accent);outline:none}.save-state{font-size:var(--t-xs);color:var(--ink-3);white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.save-state svg{color:var(--ok)}.save-state.is-error{color:var(--danger)}.topbar-actions{align-items:center;gap:var(--space-xs);flex:none;display:flex}.export-anchor{position:relative}.menu{background:var(--surface);min-width:280px;box-shadow:var(--shadow-float);z-index:40;animation:pop .18s var(--ease-out);transform-origin:100% 0;border-radius:12px;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.menu button{text-align:left;width:100%;color:var(--ink-2);border-radius:8px;grid-template-columns:18px 1fr;align-items:center;column-gap:10px;padding:8px 10px;display:grid}.menu button:hover{background:var(--accent-faint);color:var(--accent-ink)}.menu-name{color:var(--ink);font-weight:600}.menu-hint{font-size:var(--t-xs);color:var(--ink-3);grid-column:2}.workspace{grid-template-columns:1fr;min-height:0;display:grid;position:relative}.workspace.with-code{grid-template-columns:var(--code-w) 1fr}.workspace.with-insp{grid-template-columns:1fr var(--insp-w)}.workspace.with-code.with-insp{grid-template-columns:var(--code-w) 1fr var(--insp-w)}.canvas{background-color:var(--canvas);background-image:radial-gradient(circle at 1px 1px, var(--dot) 1.15px, transparent 1.3px);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;min-width:0;position:relative;overflow:hidden}.canvas.is-panning{cursor:grabbing}.canvas.is-wiring{cursor:crosshair}.canvas-svg{display:block}.canvas .node{cursor:pointer}.canvas.is-moving .node.is-selected{cursor:grabbing}.canvas .node .body-handle{opacity:0;transition:opacity .15s}.canvas .node:hover .body-handle,.canvas .node.is-selected .body-handle,.canvas.is-wiring .node .body-handle{opacity:1}.canvas .port{cursor:crosshair}.canvas .port .port-dot{transition:r .15s var(--ease-out)}.canvas .port:hover .port-dot{r:5.5}.canvas .node [data-role=label]{cursor:text}.canvas .edge{cursor:pointer}.canvas .edge:hover .edge-line{stroke-width:2.2px}.canvas .edge-async .edge-line{animation:1.2s linear infinite march}@keyframes march{to{stroke-dashoffset:-18px}}.canvas .wire{pointer-events:none;animation:.6s linear infinite march}.dive-in,.dive-out,.fade-in{transform-box:view-box;transform-origin:50%}.dive-in{animation:dive-in .42s var(--ease-out)}.dive-out{animation:dive-out .42s var(--ease-out)}.fade-in{animation:fade .3s var(--ease-out)}@keyframes dive-in{0%{opacity:0;transform:scale(.94)}}@keyframes dive-out{0%{opacity:0;transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.dive-in,.dive-out,.fade-in,.canvas .edge-async .edge-line,.canvas .wire{animation:none}}.zoom-dock{right:var(--space-md);bottom:var(--space-md);background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow-float);z-index:5;align-items:center;gap:2px;padding:3px;display:flex;position:absolute}.zoom-readout{font-size:var(--t-xs);font-variant-numeric:tabular-nums;color:var(--ink-2);border-radius:var(--r-sm);width:48px;height:28px;font-weight:650}.zoom-readout:hover{cursor:ns-resize;background:var(--sunken)}.zoom-sep{background:var(--line);width:1px;height:18px;margin:0 2px}.zoom-dock .icon-btn{width:30px;height:28px}.node-toolbar{background:var(--surface);box-shadow:var(--shadow-float);z-index:10;animation:bar-in .22s var(--ease-out);white-space:nowrap;cursor:default;border-radius:12px;align-items:center;gap:1px;padding:4px;display:flex;position:absolute;translate:-50% -100%}.node-toolbar.is-below{animation-name:bar-in-below;translate:-50%}@keyframes bar-in{0%{opacity:0;transform:translateY(6px)scale(.96)}}@keyframes bar-in-below{0%{opacity:0;transform:translateY(-6px)scale(.96)}}.tool{height:32px;font-size:var(--t-sm);color:var(--ink-2);border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-weight:600;transition:background .14s,color .14s;display:inline-flex}.tool:not(:has(span)){padding:0 9px}.tool:hover,.tool.is-active{background:var(--accent-faint);color:var(--accent-ink)}.tool.is-danger:hover{background:var(--danger-soft);color:var(--danger)}.tool-sep{background:var(--line);width:1px;height:20px;margin:0 3px}.inline-edit{z-index:12;background:var(--surface);color:var(--ink);box-shadow:0 0 0 1.5px var(--accent), 0 0 0 5px var(--accent-soft);border:0;border-radius:5px;outline:none;padding:0 4px;font-weight:650;animation:.15s fade;position:absolute}.inline-edit.is-center{text-align:center}.inline-edit.is-edge{font-weight:500}.inline-edit::placeholder{color:var(--ink-4);font-weight:500}.sub-banner{top:var(--space-md);background:var(--surface);box-shadow:var(--shadow-float);font-size:var(--t-sm);color:var(--ink-2);white-space:nowrap;animation:rise .4s var(--ease-out);cursor:default;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;display:flex;position:absolute;left:50%;translate:-50%}.sub-banner strong{color:var(--ink)}.empty{gap:var(--space-md);width:min(620px,100% - 32px);height:fit-content;padding:var(--space-2xl);background:radial-gradient(closest-side, var(--canvas) 72%, oklch(98.5% .003 262/0));cursor:default;animation:rise .6s var(--ease-out) both;justify-items:start;margin:auto;display:grid;position:absolute;inset:0}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.empty-title{font-family:var(--serif);letter-spacing:-.015em;margin:0;font-size:2.125rem;font-weight:560;line-height:1.12}.empty-copy{color:var(--ink-2);max-width:50ch;margin:0;line-height:1.55}.empty-add{gap:var(--space-sm);margin-top:var(--space-xs);display:flex}.add-tile{border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--surface);width:116px;color:var(--ink);font-weight:650;font-size:var(--t-sm);transition:border-color .2s, transform .25s var(--ease-out), box-shadow .25s var(--ease-out), color .2s;justify-items:center;gap:10px;padding:20px 0 15px;display:grid;position:relative}.add-tile kbd{position:absolute;top:8px;right:8px}.add-tile:hover{border-color:var(--accent);color:var(--accent-ink);transform:translateY(-3px);box-shadow:0 10px 24px -12px oklch(40% .12 262/.45)}.empty-alt{gap:var(--space-xs);margin-top:var(--space-sm);justify-items:start;display:grid}.empty-alt .btn-ghost{color:var(--accent-ink);margin-left:-12px}.empty-or{font-size:var(--t-xs);color:var(--ink-3)}.empty-samples,.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line-strong);background:var(--surface);height:28px;font-size:var(--t-xs);color:var(--ink-2);border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.chip:hover{border-color:var(--ink-4);color:var(--ink)}.chip.is-on{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-ink)}.seg{background:var(--sunken);border-radius:var(--r-md);gap:2px;padding:3px;display:flex}.seg button{height:30px;font-size:var(--t-sm);color:var(--ink-2);white-space:nowrap;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:6px;font-weight:600;transition:background .15s,color .15s,box-shadow .2s;display:inline-flex}.seg button:hover{color:var(--ink)}.seg button.is-on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px oklch(25% .03 258/.1),0 0 0 1px oklch(25% .03 258/.06)}.seg-sm button{height:26px;font-size:var(--t-xs);padding:0 8px}.style-line{stroke:var(--edge);stroke-width:1.6px;stroke-linecap:round;fill:none}.style-line.async{stroke-dasharray:4 3}.style-line.data{stroke:var(--data);stroke-width:2.4px}.palette{background:var(--surface);width:296px;box-shadow:var(--shadow-float);z-index:30;animation:pop .16s var(--ease-out);transform-origin:0 0;cursor:default;border-radius:12px;position:absolute;overflow:hidden}.palette input{border:0;border-bottom:1px solid var(--line);width:100%;font-size:var(--t-md);background:0 0;padding:12px 14px}.palette input:focus{outline:none}.palette input::placeholder{color:var(--ink-4)}.palette-head{font-size:var(--t-xs);color:var(--ink-3);padding:8px 14px 2px}.palette-list{overscroll-behavior:contain;max-height:340px;padding:5px;overflow-y:auto}.palette-list button{text-align:left;border-radius:8px;grid-template-columns:26px auto 1fr;align-items:center;gap:10px;width:100%;padding:6px 8px;display:grid}.palette-list button.is-hi{background:var(--accent-faint)}.palette-name{font-weight:650;font-size:var(--t-sm)}.palette-hint{color:var(--ink-3);font-size:var(--t-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.kind-tile{border-radius:7px;flex:none;place-items:center;width:26px;height:26px;display:inline-grid}.kind-tile.lg{border-radius:9px;width:36px;height:36px}.inspector{animation:insp-slide .24s var(--ease-out);border-left:1px solid var(--line);background:var(--surface);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;min-height:0;overflow:hidden auto}.insp{animation:insp-in .25s var(--ease-out);display:grid}@keyframes insp-in{0%{opacity:0;transform:translate(6px)}}.insp-hero{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-sm) var(--space-md) var(--space-md);border-bottom:1px solid var(--line);background:var(--surface);z-index:2;grid-template-columns:auto 1fr auto;display:grid;position:sticky;top:0}.insp-glyph{border-radius:var(--r-md);border:1px solid oklch(25% .03 258/.06);place-items:center;width:52px;height:52px;display:grid}.port-glyph{font-family:var(--mono);letter-spacing:.06em;background:var(--accent-soft);color:var(--accent-ink);font-size:11px;font-weight:700}.port-glyph.out{background:var(--accent);color:#fff}.edge-glyph{background:var(--canvas);color:var(--ink-2);border-color:var(--line)}.insp-hero-text{min-width:0}.name-input{width:100%;font-family:var(--serif);letter-spacing:-.01em;border-radius:var(--r-sm);text-overflow:ellipsis;background:0 0;border:0;margin-left:-6px;padding:1px 6px;font-size:1.375rem;font-weight:560}.name-input:hover{background:var(--sunken)}.name-input:focus{background:var(--surface);box-shadow:0 0 0 1.5px var(--accent);outline:none}.name-input::placeholder{color:var(--ink-4)}.insp-title{font-family:var(--serif);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.25rem;font-weight:560;overflow:hidden}.insp-title.lg{font-size:var(--t-xl)}.insp-sub{font-size:var(--t-xs);color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-weight:550;overflow:hidden}.insp-section{padding:var(--space-md) var(--space-md) var(--space-lg);border-bottom:1px solid var(--line)}.insp-section>header{min-height:28px;margin-bottom:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.insp-section h3{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:0;font-size:10.5px;font-weight:750}.insp-body{gap:var(--space-sm);display:grid}.insp-footer{padding:var(--space-md);justify-content:space-between;align-items:center;gap:var(--space-xs);display:flex}.insp-doc-head{gap:var(--space-xs);padding:var(--space-lg) var(--space-md) var(--space-md);border-bottom:1px solid var(--line);display:grid}.title-input{font-family:var(--serif);font-size:var(--t-xl);letter-spacing:-.015em;border-radius:var(--r-sm);background:0 0;border:0;width:100%;margin-left:-6px;padding:2px 6px;font-weight:560}.title-input:hover{background:var(--sunken)}.title-input:focus{box-shadow:0 0 0 1.5px var(--accent);outline:none}.back-btn{justify-self:start;margin-top:4px}.back-btn kbd{margin-left:2px}.stats{gap:var(--space-xs);margin:var(--space-xs) 0;grid-template-columns:repeat(3,1fr);display:grid}.stats div{border-radius:var(--r-md);background:var(--canvas);padding:10px 12px}.stats dt{color:var(--ink-3);font-size:10.5px;font-weight:650}.stats dd{font-family:var(--serif);font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:1.375rem;font-weight:600}.muted-line{font-size:var(--t-xs);color:var(--ink-3);margin:0;line-height:1.5}.muted-line code{color:var(--ink-2);background:var(--sunken);border-radius:4px;padding:1px 4px}.field{gap:5px;min-width:0;display:grid}.field-label{font-size:var(--t-xs);color:var(--ink-2);align-items:baseline;gap:6px;font-weight:650;display:flex}.field-label em{color:var(--ink-3);font-style:normal;font-weight:500}.insp input:not(.name-input):not(.title-input),.insp textarea{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface);width:100%;min-width:0;height:34px;font-size:var(--t-sm);padding:0 10px;transition:border-color .15s,box-shadow .15s}.insp input.mono{font-family:var(--mono);font-size:12px}.insp textarea{resize:vertical;height:auto;padding:8px 10px;line-height:1.45}.insp input:not(.name-input):not(.title-input):hover,.insp textarea:hover{border-color:var(--ink-4)}.insp input:not(.name-input):not(.title-input):focus,.insp textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.insp input::placeholder,.insp textarea::placeholder{color:var(--ink-4)}.insp input.is-error{border-color:var(--danger)!important}.field-error{font-size:var(--t-xs);color:var(--danger)}.grid2{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.subflow-card{gap:var(--space-sm);text-align:left;border-radius:var(--r-md);border:1px dashed var(--line-strong);background:var(--surface);grid-template-columns:36px 1fr auto;align-items:center;width:100%;padding:12px;transition:background .15s,border-color .15s;display:grid}.subflow-card:hover{border-color:var(--accent);background:var(--accent-faint)}.subflow-card.has-sub{border-style:solid;border-color:var(--accent-line);background:var(--accent-faint)}.subflow-icon{background:var(--sunken);width:36px;height:36px;color:var(--ink-2);border-radius:9px;place-items:center;display:grid}.has-sub .subflow-icon{background:var(--accent);color:#fff}.subflow-text{gap:2px;display:grid}.subflow-text strong{font-weight:650;font-size:var(--t-sm)}.subflow-text span{font-size:var(--t-xs);color:var(--ink-3);line-height:1.45}.ports{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.port-col{align-content:start;gap:6px;min-width:0;display:grid}.port-col-head{justify-content:space-between;align-items:center;display:flex}.port-tag{font-family:var(--mono);letter-spacing:.06em;background:var(--accent-soft);color:var(--accent-ink);border-radius:5px;padding:2px 6px;font-size:9.5px;font-weight:700}.port-tag.out{background:var(--accent);color:#fff}.port-row{align-items:center;gap:2px;display:flex}.port-row input{height:30px!important}.conns{gap:1px;margin:0 -8px;display:grid}.conn-row{border-radius:var(--r-sm);text-align:left;color:var(--ink-2);align-items:center;gap:8px;padding:6px 8px;display:flex}.conn-row:hover{background:var(--sunken);color:var(--ink)}.conn-label{color:var(--ink-3);font-size:var(--t-xs);text-overflow:ellipsis;white-space:nowrap;text-align:right;flex:1;overflow:hidden}.style-dot{background:var(--edge);border-radius:1px;flex:none;width:14px;height:2px;margin-left:auto}.conn-label+.style-dot{margin-left:0}.style-dot.async{background:repeating-linear-gradient(90deg, var(--edge) 0 4px, transparent 4px 6px)}.style-dot.data{background:var(--data);height:3px}.tips{color:var(--ink-2);font-size:var(--t-sm);gap:10px;margin:0;padding:0;line-height:1.5;list-style:none;display:grid}.tips b{color:var(--ink);font-weight:650}.code-panel{border-right:1px solid var(--line);background:var(--surface);min-height:0;animation:slide-in .3s var(--ease-out);grid-template-rows:auto 1fr auto;display:grid}@keyframes slide-in{0%{opacity:0;transform:translate(-12px)}}.code-head{padding:0 8px 0 var(--space-md);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:46px;display:flex}.code-file{font-family:var(--mono);color:var(--ink-2);align-items:center;gap:8px;font-size:12px;display:inline-flex}.code-file .dot{background:var(--accent);border-radius:2px;width:7px;height:7px}.code-actions{align-items:center;gap:2px;display:flex}.toggle{font-size:var(--t-xs);color:var(--ink-2);cursor:pointer;align-items:center;gap:7px;margin-right:6px;font-weight:600;display:inline-flex}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle-track{background:var(--line-strong);border-radius:9px;width:30px;height:18px;transition:background .2s;position:relative}.toggle-track:after{content:"";width:14px;height:14px;transition:transform .2s var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px oklch(25% .03 258/.2)}.toggle input:checked+.toggle-track{background:var(--accent)}.toggle input:checked+.toggle-track:after{transform:translate(12px)}.toggle input:focus-visible+.toggle-track{outline:2px solid var(--accent);outline-offset:1px}.editor{background:var(--canvas);min-height:0;font-family:var(--mono);grid-template-columns:auto 1fr;font-size:12.5px;line-height:20px;display:grid}.gutter{color:var(--ink-4);text-align:right;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;min-width:44px;padding:14px 10px 14px 14px;overflow:hidden}.gutter .is-err{color:var(--danger);font-weight:600}.gutter-pad{height:200px}.editor-body{min-width:0;min-height:0;position:relative}.editor-hl,.editor-ta{font:inherit;line-height:inherit;white-space:pre;tab-size:2;letter-spacing:0;margin:0;padding:14px 16px 200px 4px;position:absolute;inset:0;overflow:auto}.editor-hl{pointer-events:none;color:var(--ink);overflow:hidden}.editor-ta{color:#0000;caret-color:var(--ink);resize:none;background:0 0;border:0;outline:none}.editor-ta::selection{color:#0000;background:oklch(52% .18 262/.16)}.tk-str{color:var(--c-str)}.tk-kind{color:var(--c-kind)}.tk-def{color:var(--c-def);font-weight:600}.tk-kw{color:var(--c-kw)}.tk-arrow{color:var(--c-arrow);font-weight:600}.tk-num{color:var(--c-num)}.tk-com{color:var(--c-com);font-style:italic}.tk-punct{color:var(--ink-3)}.tk-port{color:var(--c-port)}.tk-ref{color:var(--ink-2)}.tk-err{color:var(--danger);-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.code-foot{border-top:1px solid var(--line);padding:var(--space-sm) var(--space-md);gap:10px;display:grid}.code-ok{font-size:var(--t-xs);color:var(--ink-3);align-items:center;gap:6px;display:inline-flex}.code-ok svg{color:var(--ok)}.errors{gap:2px;display:grid}.error-row{text-align:left;font-size:var(--t-xs);color:var(--danger);border-radius:var(--r-sm);grid-template-columns:14px auto 1fr;align-items:start;gap:7px;margin:0 -6px;padding:4px 6px;line-height:1.45;display:grid}.error-row svg{margin-top:2px}.error-row:hover{background:var(--danger-soft)}.error-row span:last-child{color:var(--ink)}.more{font-size:var(--t-xs);color:var(--ink-3)}.ai-row{flex-wrap:wrap;gap:6px;display:flex}.scrim{z-index:60;padding:var(--space-md);background:oklch(25% .03 258/.22);place-items:center;animation:.2s fade;display:grid;position:fixed;inset:0}.library,.shortcuts{background:var(--surface);border-radius:var(--r-lg);width:min(780px,100%);max-height:min(660px,100%);box-shadow:var(--shadow-float);animation:rise .3s var(--ease-out);overflow-y:auto}.library-head{padding:var(--space-md) var(--space-sm) var(--space-md) var(--space-lg);border-bottom:1px solid var(--line);align-items:center;gap:10px;display:flex}.library-head h2{font-family:var(--serif);font-size:var(--t-lg);margin:0;font-weight:600}.library-sub{color:var(--ink-3);font-size:var(--t-xs);flex:1}.shortcuts .library-head h2{flex:1}.library-actions{gap:var(--space-xs);padding:var(--space-md) var(--space-lg) 0;display:flex}.library-cols{gap:var(--space-lg);padding:var(--space-md) var(--space-lg) var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.library-cols h3,.shortcut-grid h3,.kbd-grid h3{margin:0 0 var(--space-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:10.5px;font-weight:750}.doc-list,.example-list{gap:2px;display:grid}.doc-row{border-radius:var(--r-md);align-items:center;display:flex}.doc-row:hover{background:var(--sunken)}.doc-row.is-current{background:var(--accent-faint)}.doc-open{text-align:left;min-width:0;color:var(--ink-3);flex:1;grid-template-columns:16px 1fr;align-items:center;column-gap:10px;padding:8px 10px;display:grid}.doc-title{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.doc-meta{font-size:var(--t-xs);grid-column:2}.example{text-align:left;border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);transition:border-color .15s, background .15s, transform .2s var(--ease-out);gap:2px;padding:11px 13px;display:grid}.example+.example{margin-top:6px}.example:hover{border-color:var(--accent);background:var(--accent-faint)}.example strong{font-weight:650}.example span{color:var(--ink-2);font-size:var(--t-xs);line-height:1.45}.shortcut-grid,.kbd-grid{gap:var(--space-lg) var(--space-xl);padding:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.shortcut-row{justify-content:space-between;align-items:center;gap:var(--space-sm);color:var(--ink-2);font-size:var(--t-sm);border-bottom:1px solid var(--line);padding:6px 0;display:flex}.shortcut-row:last-child{border-bottom:0}.toasts{bottom:var(--space-lg);z-index:80;justify-items:center;gap:6px;display:grid;position:fixed;left:50%;transform:translate(-50%)}.toast{background:var(--ink);color:var(--paper);border-radius:var(--r-md);font-size:var(--t-sm);box-shadow:var(--shadow-float);animation:toast-in .3s var(--ease-out);align-items:center;gap:12px;padding:9px 14px;font-weight:600;display:flex}.toast button{color:oklch(82% .08 262);border-radius:5px;margin:-2px -6px -2px 0;padding:2px 6px;font-weight:700}.toast button:hover{background:oklch(100% 0 0/.1)}.toast.is-error{background:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)scale(.97)}}@media (width<=1180px){:root{--code-w:340px;--insp-w:320px}.save-state{display:none}}@media (width<=860px){.topbar{padding:0 var(--space-xs) 0 var(--space-md);gap:var(--space-xs)}.topbar-actions .btn{gap:0;padding:0 9px;font-size:0}.topbar-actions .btn .chev,.btn-group,.topbar-rule{display:none}.workspace,.workspace.with-code,.workspace.with-insp,.workspace.with-code.with-insp{grid-template-rows:1fr auto;grid-template-columns:1fr}.inspector{border-left:0;border-top:1px solid var(--line);max-height:42vh}.code-panel{z-index:15;position:absolute;inset:0}.library-cols,.shortcut-grid,.kbd-grid{grid-template-columns:1fr}.empty-title{font-size:1.6rem}}@keyframes insp-slide{0%{opacity:0;transform:translate(16px)}}.docs{background:var(--surface);scroll-behavior:smooth;height:100%;scroll-padding-top:72px;overflow-y:auto}.docs-top{z-index:10;height:var(--topbar-h);background:color-mix(in oklch, var(--surface) 85%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:0 12px 0 20px;display:flex;position:sticky;top:0}.docs-tag{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);border:1px solid var(--line);border-radius:5px;margin-left:2px;padding:1px 6px;font-size:10.5px}.docs-top-actions{align-items:center;gap:4px;display:flex}.docs-body{grid-template-columns:232px minmax(0,760px);gap:56px;max-width:1100px;margin:0 auto;padding:0 24px;display:grid}.docs-nav{top:var(--topbar-h);max-height:calc(100vh - var(--topbar-h));flex-direction:column;align-self:start;gap:22px;padding:36px 0 40px;display:flex;position:sticky;overflow-y:auto}.docs-nav-group{flex-direction:column;gap:1px;display:flex}.docs-nav-group>span{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding:0 10px 6px;font-size:10.5px}.docs-nav a{color:var(--ink-2);border-radius:var(--r-sm);padding:5px 10px;text-decoration:none;transition:background .15s,color .15s}.docs-nav a:hover{color:var(--ink);background:var(--sunken)}.docs-nav a.is-active{color:var(--ink);background:var(--sunken);font-weight:550}.docs-main{color:var(--ink-2);min-width:0;padding:48px 0 80px;font-size:14.5px;line-height:1.7}.docs-main h1{font-family:var(--serif);letter-spacing:-.015em;color:var(--ink);text-wrap:balance;margin:8px 0 14px;font-size:2.5rem;font-weight:560;line-height:1.12}.docs-main .lede{color:var(--ink-2);max-width:62ch;margin:0 0 8px;font-size:16px}.docs-main h2{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);border-top:1px solid var(--line);margin:56px 0 10px;padding-top:24px;font-size:1.5rem;font-weight:600}.docs-main h2 a{text-decoration:none;color:inherit!important}.docs-main h2 a:hover:after{content:" #";color:var(--ink-4)}.docs-main p{max-width:68ch;margin:0 0 14px}.docs-main strong{color:var(--ink);font-weight:600}.docs-main a:not(.btn){color:var(--accent-ink);-webkit-text-decoration-color:var(--accent-line);text-decoration-color:var(--accent-line);text-underline-offset:3px}.docs-main ul,.docs-main ol{max-width:68ch;margin:0 0 16px;padding-left:20px}.docs-main li{margin:6px 0}.docs-main li::marker{color:var(--ink-4)}.docs-main :not(pre)>code{color:var(--ink);background:var(--sunken);border:1px solid var(--line);border-radius:5px;padding:1px 5px;font-size:12.5px}.code-fig{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--canvas);margin:18px 0 22px;overflow:hidden}.code-fig.with-preview{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.code-fig-src{flex-direction:column;min-width:0;display:flex}.code-fig-bar{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;height:34px;padding:0 6px 0 12px;display:flex}.code-fig-lang{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-size:10.5px}.code-fig-actions{gap:2px;display:flex}.code-fig-actions button{height:24px;color:var(--ink-3);border-radius:6px;align-items:center;gap:4px;padding:0 7px;font-size:11.5px;display:inline-flex}.code-fig-actions button:hover{background:var(--sunken);color:var(--ink)}.code-fig pre{font-family:var(--mono);color:var(--ink);flex:1;margin:0;padding:14px 16px;font-size:12.5px;line-height:20px;overflow-x:auto}.code-fig-preview{border-left:1px solid var(--line);background-image:radial-gradient(circle at 1px 1px, var(--line-strong) 1px, transparent 0);background-size:18px 18px;place-items:center;min-height:200px;padding:12px;display:grid}.mini-chart{width:100%;height:100%;max-height:340px}.table-wrap{border:1px solid var(--line);border-radius:var(--r-lg);margin:16px 0 22px;overflow-x:auto}.docs-main table{border-collapse:collapse;width:100%;font-size:13.5px}.docs-main th{text-align:left;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);background:var(--canvas);border-bottom:1px solid var(--line);padding:9px 14px;font-size:10.5px;font-weight:500}.docs-main td{border-bottom:1px solid var(--line);vertical-align:middle;padding:9px 14px}.docs-main tr:last-child td{border-bottom:0}.docs-main td.mono{font-size:12px}.kind-cell{align-items:center;gap:9px;display:inline-flex}.callout{border:1px solid var(--accent-line);background:var(--accent-soft);border-radius:var(--r-lg);color:var(--accent-ink);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:18px 0 22px;padding:14px 16px;display:grid}.callout p{color:var(--ink-2);margin:2px 0 0;font-size:13px;line-height:1.5}.kbd-grid{padding:4px 0 0}.docs-foot{border-top:1px solid var(--line);color:var(--ink-3);justify-content:space-between;margin-top:64px;padding-top:20px;font-size:12.5px;display:flex}.docs-loading{background:var(--surface);height:100%}@media (width<=860px){.docs-body{grid-template-columns:1fr;gap:0;padding:0 16px}.docs-nav{display:none}.code-fig.with-preview{grid-template-columns:1fr}.code-fig-preview{border-left:0;border-top:1px solid var(--line)}.docs-top-actions .btn-ghost{display:none}}