@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)}.sc2-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--bg);touch-action:none;-webkit-user-select:none;user-select:none}.sc2-viewport{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform}.sc2-viewport--animating{transition:transform .28s var(--ease, cubic-bezier(.4, 0, .2, 1))}.sc2-origin-marker{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--accent, #90caf9);opacity:.35;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 0 4px var(--accent-dim, rgba(144,202,249,.15))}.sc2-node{position:absolute;width:140px;background:var(--surface-1);border:1px solid var(--border);padding:10px 12px;cursor:pointer;transform:translate(-50%,-50%)}.sc2-node--focused{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}.sc2-node--executing{border-color:var(--accent);overflow:hidden}.sc2-node-progress-bar{position:absolute;top:0;left:0;height:2px;width:40%;background:var(--accent, #90caf9);border-radius:0 2px 2px 0;animation:sc2-progress-sweep 1.4s ease-in-out infinite}@keyframes sc2-progress-sweep{0%{left:-40%;width:40%}50%{left:80%;width:40%}to{left:120%;width:40%}}.sc2-node--pinned:after{content:"📌";position:absolute;top:4px;right:6px;font-size:10px}.sc2-node-label{font-family:var(--ff-condensed);font-size:var(--fs-sm);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc2-node-type{font-family:var(--ff-mono);font-size:8px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-label);opacity:.6;margin-top:2px}.sc2-node-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;margin-top:6px;background:var(--surface-2)}.sc2-node-thumb--clickable{cursor:zoom-in}.sc2-conn-layer{position:absolute;top:0;left:0;pointer-events:none;overflow:visible}.sc2-conn-path{fill:none;stroke:#ffffff2e;stroke-width:2}.sc2-conn-path--pending{stroke-dasharray:6 4;stroke:#ffffff59}.sc2-conn-path[data-type=text]{stroke:#64c8b466}.sc2-conn-path[data-type=image]{stroke:#9382ff66}.sc2-conn-path[data-type=video]{stroke:#ffa06466}.sc2-conn-path[data-type=audio]{stroke:#ffdc5066}.sc2-node-mode{position:fixed;bottom:0;left:0;right:0;max-height:70vh;background:var(--surface-1);border-top:1px solid var(--border);z-index:500;display:flex;flex-direction:column;animation:sc2-slide-up .2s var(--ease, cubic-bezier(.4,0,.2,1)) both}@keyframes sc2-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sc2-nm-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.sc2-nm-title{font-family:var(--ff-condensed);font-size:var(--fs-sm);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--text-primary)}.sc2-nm-back{font-family:var(--ff-condensed);font-size:var(--fs-xs);letter-spacing:var(--ls-wide);color:var(--text-label);background:none;border:none;cursor:pointer;padding:4px 8px}.sc2-nm-body{overflow-y:auto;flex:1;padding:16px;-webkit-overflow-scrolling:touch}.sc2-nm-placeholder{color:var(--text-label);font-family:var(--ff-mono);font-size:var(--fs-xs);padding:8px 0}.sc2-disconnect-btn{background:none;border:none;color:var(--text-label);cursor:pointer;padding:2px 6px;font-size:12px;opacity:.6}.sc2-disconnect-btn:hover{opacity:1;color:#f66}.sc2-action-bar{position:fixed;bottom:max(16px,env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);display:flex;gap:8px;flex-wrap:wrap;max-width:calc(100vw - 32px);z-index:600;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:8px 12px}.sc2-action-btn{font-family:var(--ff-condensed);font-size:var(--fs-xs);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--text-primary);background:none;border:1px solid var(--border);border-radius:4px;padding:6px 12px;cursor:pointer}.sc2-action-btn:hover{border-color:var(--accent);color:var(--accent)}.sc2-action-btn--danger{color:#f66;border-color:#f666}.sc2-action-btn--danger:hover{border-color:#f66}.sc2-canvas-menu{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:8px 12px;display:flex;gap:8px}.sc2-nm-connections{margin-bottom:12px;border-bottom:1px solid var(--border);padding-bottom:10px}.sc2-nm-conn-row{display:flex;align-items:center;justify-content:space-between;padding:2px 0}.sc2-nm-conn-label{font-family:var(--ff-mono);font-size:var(--fs-xs);color:var(--text-label);opacity:.7}.sc2-node--selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim);opacity:.85}.sc2-fab{position:fixed;bottom:28px;right:28px;width:52px;height:52px;border-radius:50%;background:var(--accent, #90caf9);color:#000;border:none;font-size:28px;line-height:1;cursor:pointer;z-index:600;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0006;transition:transform .12s,box-shadow .12s}.sc2-fab:hover{transform:scale(1.08);box-shadow:0 6px 20px #00000080}.sc2-fab:active{transform:scale(.95)}.sc2-anchor{position:absolute;top:50%;transform:translateY(-50%);width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--border);border-radius:50%;cursor:pointer;padding:0;color:var(--text-label);transition:border-color .12s,color .12s,box-shadow .12s;z-index:10}.sc2-anchor--output{right:-9px}.sc2-anchor--input{left:-9px;transform:translate(0) translateY(-50%)}.sc2-anchor:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}.sc2-anchor--active{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.sc2-anchor--matching{border-color:#64c8b499;color:#64c8b4}.sc2-anchor--matching:hover{border-color:#64c8b4;box-shadow:0 0 0 2px #64c8b440}.sc2-anchor--nonmatching{border-color:#ffb45066;color:#ffb450b3}.sc2-anchor--nonmatching:hover{border-color:#ffb450cc;color:#ffb450}.sc2-anchor--idle{border-color:#ffffff1f;color:#ffffff40;opacity:.6}.sc2-anchor--idle:hover{opacity:1;border-color:var(--border);color:var(--text-label)}.sc2-anchor--wired{border-color:#ff666680;color:#ff6666b3}.sc2-anchor--batch{width:22px;height:22px;border-radius:50%;border-color:#9382ff80;color:#9382ffe6;background:#9382ff14}.sc2-anchor--batch:hover{border-color:#9382ffe6;box-shadow:0 0 0 3px #9382ff33}.sc2-anchor--batch.sc2-anchor--active{border-color:#9382ff;box-shadow:0 0 0 3px #9382ff4d}