.widget.svelte-10u4n34{display:flex;flex-direction:column;gap:.8rem;background:var(--demo-card);border:1px solid var(--demo-card-border);border-radius:20px;padding:clamp(.9rem,2vw,1.25rem);box-shadow:0 1px #0000000a,0 24px 48px -28px color-mix(in srgb,var(--ink-red) 50%,transparent)}.header.svelte-10u4n34{display:flex;align-items:center;gap:.6rem}.title.svelte-10u4n34{font-family:var(--font-display);font-weight:600;font-size:1.05rem;color:var(--site-fg)}.badge.svelte-10u4n34{font-family:var(--font-mono);font-size:.78rem;background:color-mix(in srgb,var(--ink-sea) 16%,transparent);color:var(--ink-sea);padding:.15rem .55rem;border-radius:var(--radius-pill);letter-spacing:.06em}.stage.svelte-10u4n34{position:relative;width:100%;background:var(--demo-stage);border-radius:var(--radius-lg);overflow:hidden}.stage.svelte-10u4n34 svg:where(.svelte-10u4n34){display:block;width:100%;height:auto}.pipe.svelte-10u4n34{stroke:var(--site-border);stroke-width:3;stroke-linecap:round}.pipe-live.svelte-10u4n34{stroke:var(--ink-teal);stroke-width:3.5;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--ink-teal) 60%,transparent))}.pipe-dashed.svelte-10u4n34{stroke:var(--site-fg-muted);stroke-width:2;stroke-dasharray:6 5;opacity:.45}.entry-dot.svelte-10u4n34{fill:var(--ink-sun)}.exit-dot.svelte-10u4n34{fill:var(--ink-coral)}.svg-label.svelte-10u4n34{font-family:var(--font-mono);font-size:11px;fill:var(--site-fg-muted);text-anchor:middle}.entry-label.svelte-10u4n34{fill:var(--ink-sun);font-size:10px}.exit-label.svelte-10u4n34{fill:var(--ink-coral);font-size:10px}.machine-box.svelte-10u4n34{fill:color-mix(in srgb,var(--demo-card) 95%,transparent);stroke-width:2}.machine-a.svelte-10u4n34{stroke:var(--ink-red);filter:drop-shadow(0 2px 6px color-mix(in srgb,var(--ink-red) 25%,transparent))}.machine-b.svelte-10u4n34{stroke:var(--ink-sea);filter:drop-shadow(0 2px 6px color-mix(in srgb,var(--ink-sea) 25%,transparent))}.machine-name.svelte-10u4n34{font-family:var(--font-display);font-size:14px;font-weight:700;fill:var(--site-fg);text-anchor:middle}.machine-rule.svelte-10u4n34{font-family:var(--font-mono);font-size:11px;fill:var(--site-fg-muted);text-anchor:middle}.port.svelte-10u4n34{cursor:pointer;transition:r .15s ease,filter .15s ease}.port-in.svelte-10u4n34{fill:color-mix(in srgb,var(--ink-teal) 20%,var(--demo-stage));stroke:var(--ink-teal);stroke-width:2}.port-out.svelte-10u4n34{fill:color-mix(in srgb,var(--ink-coral) 20%,var(--demo-stage));stroke:var(--ink-coral);stroke-width:2}.port-active.svelte-10u4n34{fill:var(--ink-coral);filter:drop-shadow(0 0 5px var(--ink-coral))}.port-target.svelte-10u4n34{fill:var(--ink-teal);stroke:var(--ink-teal);filter:drop-shadow(0 0 5px var(--ink-teal));animation:svelte-10u4n34-pulse-port .8s ease-in-out infinite alternate}@keyframes svelte-10u4n34-pulse-port{0%{opacity:.7}to{opacity:1}}.ball.svelte-10u4n34{fill:var(--ink-sun);filter:drop-shadow(0 1px 4px color-mix(in srgb,var(--ink-sun) 70%,transparent))}.ball-label.svelte-10u4n34{font-family:var(--font-mono);font-weight:700;font-size:11px;fill:var(--site-fg);text-anchor:middle;pointer-events:none}.svg-hint.svelte-10u4n34{font-family:var(--font-body);font-size:10px;fill:var(--ink-teal);text-anchor:middle}.disconnect-btn.svelte-10u4n34{position:absolute;top:6px;right:8px;background:none;border:1px solid color-mix(in srgb,var(--site-fg) 20%,transparent);border-radius:var(--radius-pill);padding:.15rem .6rem;font-family:var(--font-mono);font-size:.7rem;color:var(--site-fg-muted);cursor:pointer;transition:color .15s,border-color .15s}.disconnect-btn.svelte-10u4n34:hover{color:var(--ink-coral);border-color:var(--ink-coral)}.controls.svelte-10u4n34{display:flex;flex-direction:column;gap:.65rem}.slot-row.svelte-10u4n34{display:flex;align-items:flex-end;gap:.5rem;flex-wrap:wrap}.slot.svelte-10u4n34{display:flex;flex-direction:column;gap:.3rem;flex:1;min-width:140px}.slot-label.svelte-10u4n34{display:flex;align-items:center;gap:.4rem}.slot-pill.svelte-10u4n34{display:inline-block;font-family:var(--font-mono);font-size:.68rem;padding:.1rem .5rem;border-radius:var(--radius-pill);letter-spacing:.04em;font-weight:600}.slot-a.svelte-10u4n34{background:color-mix(in srgb,var(--ink-red) 14%,transparent);color:var(--ink-red)}.slot-b.svelte-10u4n34{background:color-mix(in srgb,var(--ink-sea) 14%,transparent);color:var(--ink-sea)}select.svelte-10u4n34{font-family:var(--font-mono);font-size:.82rem;color:var(--site-fg);background:var(--demo-card);border:1px solid var(--site-border);border-radius:var(--radius-md);padding:.35rem 1.8rem .35rem .55rem;cursor:pointer;width:100%;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23888'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center;background-size:8px}select.svelte-10u4n34:focus{outline:2px solid var(--site-focus);outline-offset:1px}.swap-btn.svelte-10u4n34{align-self:flex-end;flex-shrink:0;background:color-mix(in srgb,var(--ink-teal) 12%,transparent);border:1.5px solid var(--ink-teal);border-radius:var(--radius-pill);color:var(--ink-teal);font-family:var(--font-mono);font-size:.8rem;font-weight:600;padding:.32rem .85rem;cursor:pointer;transition:background .15s,transform .12s}.swap-btn.svelte-10u4n34:hover{background:color-mix(in srgb,var(--ink-teal) 22%,transparent);transform:scale(1.04)}.swap-btn.svelte-10u4n34:active{transform:scale(.97)}.run-row.svelte-10u4n34{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.wire-prompt.svelte-10u4n34{margin:0;font-family:var(--font-body);font-size:.8rem;color:var(--ink-teal);background:color-mix(in srgb,var(--ink-teal) 8%,transparent);border:1px dashed color-mix(in srgb,var(--ink-teal) 35%,transparent);border-radius:var(--radius-md);padding:.45rem .75rem;width:100%}.x-label.svelte-10u4n34{font-family:var(--font-mono);font-size:.9rem;color:var(--site-fg);white-space:nowrap;cursor:default}.x-label.svelte-10u4n34 em:where(.svelte-10u4n34){font-style:italic;font-family:var(--font-display);color:var(--ink-sun);font-size:1.05em}.x-input.svelte-10u4n34{width:4.5rem;font-family:var(--font-mono);font-size:1rem;color:var(--site-fg);background:var(--demo-card);border:1.5px solid var(--site-border);border-radius:var(--radius-md);padding:.3rem .5rem;text-align:center}.x-input.svelte-10u4n34:focus{outline:2px solid var(--site-focus);outline-offset:1px}.run-btn.svelte-10u4n34{background:var(--ink-red);border:none;border-radius:var(--radius-pill);color:var(--on-color-fg);font-family:var(--font-mono);font-weight:700;font-size:.9rem;padding:.38rem 1.1rem;cursor:pointer;transition:opacity .15s,transform .12s}.run-btn.svelte-10u4n34:hover:not(:disabled){opacity:.88;transform:scale(1.03)}.run-btn.svelte-10u4n34:active:not(:disabled){transform:scale(.97)}.run-btn.svelte-10u4n34:disabled{opacity:.45;cursor:not-allowed}.readout.svelte-10u4n34{font-family:var(--font-mono);color:var(--site-fg);border-top:1px solid color-mix(in srgb,var(--site-fg) 14%,transparent);padding-top:.5rem;display:flex;flex-direction:column;gap:.3rem}.composite-row.svelte-10u4n34{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.composite-label.svelte-10u4n34{font-size:.72rem;color:var(--site-fg-muted);text-transform:uppercase;letter-spacing:.06em}.composite-expr.svelte-10u4n34{font-size:1rem;color:var(--ink-sea);font-weight:600}.steps-row.svelte-10u4n34{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.steps-label.svelte-10u4n34{font-size:.72rem;color:var(--site-fg-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.steps-val.svelte-10u4n34{font-size:.82rem;color:var(--site-fg)}.result-row.svelte-10u4n34{display:flex;justify-content:flex-start}.result-num.svelte-10u4n34{font-size:1.6rem;font-weight:700;color:var(--ink-coral);font-variant-numeric:tabular-nums;line-height:1}.hint.svelte-10u4n34{margin:.25rem 0 0;font-family:var(--font-body);font-size:.78rem;color:var(--site-fg-muted)}.hint.svelte-10u4n34 em:where(.svelte-10u4n34){font-style:italic;font-family:var(--font-display)}@media(max-width:520px){.slot-row.svelte-10u4n34{flex-direction:column}.swap-btn.svelte-10u4n34{align-self:stretch;text-align:center}.slot.svelte-10u4n34{min-width:0}.run-row.svelte-10u4n34{flex-wrap:wrap}}