@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=Barlow:wght@300;400;500;600&family=Barlow+Condensed:wght@400;500;600&family=Martian+Mono:wght@300;400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:#0a0a0a;color:#e0e0e0;min-height:100vh}.site{display:flex;flex-direction:column;min-height:100vh}.site-nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid #1a1a1a}.nav-logo{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-links a{color:#aaa;text-decoration:none;font-size:1.08rem}.nav-links a:hover{color:#fff}.nav-cta{background:#fff;color:#0a0a0a!important;padding:.4rem 1rem;border-radius:4px;font-weight:600}.page{flex:1}.site-footer{padding:1.5rem 2rem;border-top:1px solid #1a1a1a;text-align:center;color:#555;font-size:1.02rem}:root{--canvas-bg: #0B0C0D;--surface-1: #111315;--surface-2: #161819;--surface-3: #1A1C1E;--modal-bg: rgba(11, 12, 13, .82);--border: rgba(255, 255, 255, .07);--border-hover: rgba(255, 255, 255, .13);--border-active: rgba(0, 223, 200, .28);--border-width: 1px;--text-primary: #DDDFE0;--text-secondary: rgba(221, 223, 224, .5);--text-label: rgba(221, 223, 224, .33);--accent: #00DFC8;--accent-dim: rgba(0, 223, 200, .12);--accent-glow: rgba(0, 223, 200, .22);--accent-border: rgba(0, 223, 200, .28);--danger: rgba(255, 75, 75, .85);--danger-dim: rgba(255, 75, 75, .12);--success: rgba(0, 223, 200, .9);--ff-display: "Syne", sans-serif;--ff-sans: "Barlow", sans-serif;--ff-condensed: "Barlow Condensed", sans-serif;--ff-mono: "Martian Mono", monospace;--fs-xs: 12px;--fs-sm: 13px;--fs-base: 16px;--fs-md: 17px;--fs-lg: 19px;--fs-xl: 24px;--fs-2xl: 34px;--fs-3xl: 48px;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold:600;--fw-bold: 700;--ls-tight: -.02em;--ls-normal: 0em;--ls-wide: .06em;--ls-wider: .12em;--ls-widest: .2em;--ease: cubic-bezier(.25, 0, 0, 1);--dur-micro: 80ms;--dur-interact: .15s;--dur-trans: .25s;--dur-panel: .3s;--dur-entry: .4s;--transition-speed: var(--dur-trans);--transition-timing: var(--ease);--sandbox-bg: var(--canvas-bg);--border-color: var(--border);--border-color-hover: var(--border-hover);--text-color: var(--text-primary);--text-color-muted: var(--text-secondary);--backdrop-blur: blur(12px);--border-radius: 0;--node-width: 340px;--sidebar-width: 280px;--header-height: 44px;--modal-padding: 20px;--z-canvas: 1;--z-node: 100;--z-connection: 200;--z-hud: 300;--z-sidebar: 400;--z-overlay: 800;--z-modal: 1000;--z-radial: 1100;--z-toast: 1200;--grid-unit: 32px;--grid-opacity: 1}*,*:before,*:after{box-sizing:border-box;border-radius:0}body{margin:0;font-family:var(--ff-sans);font-size:17px;font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--canvas-bg);color:var(--text-primary)}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#ffffff1f}::-webkit-scrollbar-thumb:hover{background-color:#ffffff38}.sandbox-main{display:flex;flex:1;overflow:hidden;position:relative;width:100%;height:100%}.sandbox-content{flex:1;overflow:hidden;position:relative;min-height:100%;background-color:var(--canvas-bg);cursor:crosshair}.lasso-rect{position:fixed;border:1px solid var(--accent-border);background-color:var(--accent-dim);pointer-events:none;z-index:9999;display:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes accentPulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes borderFlash{0%{border-color:var(--accent-border)}40%{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-glow)}to{border-color:var(--border);box-shadow:none}}@keyframes signalFlow{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}.hidden{display:none!important}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.p-4{padding:16px}.font-mono{font-family:var(--ff-mono)}.text-sm{font-size:var(--fs-sm)}.text-label{font-family:var(--ff-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--text-label)}.text-accent{color:var(--accent)}.border{border:var(--border-width) solid var(--border)}.bg-surface{background-color:var(--surface-1)}.instr-line{height:1px;background:var(--border);margin:0}.corner-brackets{position:relative}.corner-brackets:before,.corner-brackets:after{content:"";position:absolute;width:8px;height:8px;border-color:var(--accent);border-style:solid;pointer-events:none;z-index:10}.corner-brackets:before{top:-1px;left:-1px;border-width:1px 0 0 1px}.corner-brackets:after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}.nw-root{position:absolute;width:var(--node-width);background:var(--surface-1);border:var(--border-width) solid var(--border);color:var(--text-primary);font-family:var(--ff-sans);font-size:var(--fs-base);-webkit-user-select:none;user-select:none;transition:border-color var(--dur-interact) var(--ease),box-shadow var(--dur-interact) var(--ease);will-change:transform}.nw-root:hover{border-color:var(--border-hover)}.nw-root.selected{border-color:var(--accent-border);box-shadow:0 0 0 1px var(--accent-dim) inset}.nw-root.selected:before,.nw-root.selected:after{content:"";position:absolute;width:10px;height:10px;border-color:var(--accent);border-style:solid;pointer-events:none;z-index:10}.nw-root.selected:before{top:-1px;left:-1px;border-width:1px 0 0 1px}.nw-root.selected:after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}.nw-bracket-tr,.nw-bracket-bl{position:absolute;width:10px;height:10px;border-color:var(--accent);border-style:solid;pointer-events:none;z-index:10;opacity:0;transition:opacity var(--dur-interact) var(--ease)}.nw-root.selected .nw-bracket-tr,.nw-root.selected .nw-bracket-bl{opacity:1}.nw-bracket-tr{top:-1px;right:-1px;border-width:1px 1px 0 0}.nw-bracket-bl{bottom:-1px;left:-1px;border-width:0 0 1px 1px}.nw-root.output-complete{animation:borderFlash 1.2s var(--ease) forwards}.nw-header{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border-bottom:var(--border-width) solid var(--border);cursor:grab;background:var(--surface-2);gap:8px}.nw-header:active{cursor:grabbing}.nw-title{font-family:var(--ff-sans);font-size:var(--fs-sm);font-weight:var(--fw-medium);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--text-primary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nw-id{font-family:var(--ff-mono);font-size:var(--fs-xs);color:var(--text-label);letter-spacing:var(--ls-normal);flex-shrink:0}.nw-close{width:16px;height:16px;background:none;border:var(--border-width) solid transparent;color:var(--text-label);cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center;transition:color var(--dur-micro) var(--ease),border-color var(--dur-micro) var(--ease);flex-shrink:0;padding:0}.nw-close:hover{color:var(--danger);border-color:var(--danger)}.nw-status{display:flex;align-items:center;gap:6px;padding:4px 10px;border-bottom:var(--border-width) solid var(--border);background:var(--surface-1);min-height:24px}.nw-status-dot{width:4px;height:4px;background:var(--text-label);flex-shrink:0}.nw-status-dot.active{background:var(--accent)}.nw-status-dot.error{background:var(--danger)}.nw-status-text{font-family:var(--ff-mono);font-size:var(--fs-xs);color:var(--text-label);letter-spacing:var(--ls-wide)}.nw-body{overflow-y:auto;max-height:520px}.nw-execute{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:9px 16px;background:var(--surface-2);border:none;border-top:var(--border-width) solid var(--border);color:var(--text-secondary);font-family:var(--ff-condensed);font-size:var(--fs-sm);font-weight:var(--fw-medium);letter-spacing:var(--ls-wider);text-transform:uppercase;cursor:pointer;transition:background var(--dur-interact) var(--ease),color var(--dur-interact) var(--ease),border-color var(--dur-interact) var(--ease)}.nw-execute:hover{background:var(--accent-dim);color:var(--accent);border-top-color:var(--accent-border)}.nw-execute:active{background:var(--surface-1)}.nw-execute:disabled{opacity:.35;cursor:not-allowed}.nw-anchor{position:absolute;width:8px;height:8px;background:var(--surface-2);border:var(--border-width) solid var(--border-hover);cursor:crosshair;transition:background var(--dur-micro) var(--ease),border-color var(--dur-micro) var(--ease),transform var(--dur-micro) var(--ease)}.nw-anchor:hover{background:var(--accent);border-color:var(--accent);transform:scale(1.4);z-index:10}.nw-anchor.connected{background:var(--accent-dim);border-color:var(--accent-border)}