.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #555;--xy-background-pattern-lines-color-default: #333;--xy-background-pattern-cross-color-default: #333;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}:root{--sans: "Schibsted Grotesk", "Avenir Next", "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--page: #2a3249;--panel: #343d58;--deep: #212839;--text: #f4f6fc;--body: #b4bed8;--muted: #b4bed8;--border: #4b5779;--field: #2a3249;--accent: #ff8a4c;--accent-ink: #1a2036;--edge: #ffa9ba;--program: #9db4ff;--store: #86f0d6;--outside: #ffd39b;color-scheme:dark;font-family:var(--sans);font-weight:500;line-height:1.45}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--page)}body{background:var(--page);color:var(--text)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}html{scrollbar-width:thin;scrollbar-color:var(--border) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:var(--border);border:2px solid transparent;border-radius:999px;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background-color:#6d789c}*::-webkit-scrollbar-corner{background:transparent}a{color:inherit}:focus-visible{outline:2px solid var(--program);outline-offset:2px}.fl{stroke-dasharray:6 9;animation:wire-flow 1.6s linear infinite;filter:drop-shadow(0 0 5px currentColor)}@keyframes wire-flow{to{stroke-dashoffset:-15}}@media(prefers-reduced-motion:reduce){.fl,.react-flow__edge.animated .react-flow__edge-path{animation:none}}.wordmark{display:inline-flex;align-items:center;color:var(--text);letter-spacing:-.02em;line-height:1}.wordmark-mark{display:block;flex:none}.wordmark-nav{gap:12px;font-size:24px;font-weight:800}.wordmark-nav .wordmark-mark{width:38px;height:38px}.wordmark-bar{gap:12px;font-size:18px;font-weight:700}.wordmark-bar .wordmark-mark{width:30px;height:30px}.wordmark-footer{gap:10px;font-size:21px;font-weight:800}.wordmark-footer .wordmark-mark{width:30px;height:30px}.landing{min-height:100vh;background:var(--page);color:var(--text)}.wrap{width:min(1200px,100%);margin:0 auto;padding-left:32px;padding-right:32px}.nav{position:sticky;top:0;z-index:5;background:var(--page);border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:80px}.brand{display:inline-flex;text-decoration:none;flex:none}.nav-link{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:11px 24px;font-size:15px;font-weight:700;text-decoration:none}.nav-link:hover{background:#ff9d68}.hero{padding:72px 0 40px;text-align:center}.hero h1{margin:0 auto 24px;max-width:none;font-size:clamp(40px,6vw,76px);line-height:1.05;letter-spacing:-.035em;font-weight:800}.hero h1 span{color:var(--program)}.lede{margin:0 auto 40px;max-width:680px;font-size:20px;line-height:1.6;font-weight:500;color:var(--body)}.hero-actions{display:flex;align-items:center;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:72px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;min-height:56px;padding:0 28px;border-radius:16px;text-decoration:none;font-weight:700;font-size:17px;line-height:1;border:1px solid transparent}.btn-primary{background:var(--accent);color:var(--accent-ink);padding:0 30px}.btn-primary:hover{background:#ff9d68}.btn-secondary{background:transparent;color:var(--text);border-color:var(--border)}.btn-secondary:hover{background:#303954}.preview{position:relative;max-width:1040px;margin:0 auto;text-align:left}.preview-glow{position:absolute;inset:-16px;border-radius:48px;background:var(--program);opacity:.14;filter:blur(56px);pointer-events:none}.preview-window{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:22px;overflow:hidden;box-shadow:0 30px 60px #0a0e1c66}.preview-chrome{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--page)}.preview-chrome span{width:11px;height:11px;border-radius:50%;background:var(--border)}.preview-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 20px;border-bottom:1px solid var(--border)}.preview-toolbar .wordmark{font-size:15px}.preview-toolbar .wordmark-mark{width:24px;height:24px}.preview-slash{color:var(--border)}.preview-name{font-weight:600}.preview-pills{display:flex;gap:8px;margin-left:auto}.preview-pills span{border:1px solid var(--border);border-radius:999px;padding:5px 12px;font-size:12px}.preview-stage{position:relative;aspect-ratio:1000 / 470;overflow:hidden;background-color:var(--page);background-image:radial-gradient(rgba(157,180,255,.16) 1px,transparent 1px);background-size:20px 20px;container-type:inline-size}.preview-wires{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.mini-card{position:absolute;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;border-radius:12px;background:color-mix(in srgb,var(--cat) 16%,var(--page));border:1px solid color-mix(in srgb,var(--cat) 55%,transparent);padding:0 8px 0 12px;z-index:1}.mini-card.is-selected{border-width:2px;border-color:var(--cat)}.mini-card:before{content:"";position:absolute;left:0;top:18%;width:3px;height:62%;border-radius:1.5px;background:var(--cat)}.mini-card .k{margin:0;font-family:var(--mono);font-size:clamp(8px,1.05cqw,10px);letter-spacing:.12em;text-transform:uppercase;color:var(--body)}.mini-card .t{margin:2px 0 0;font-weight:600;font-size:clamp(12px,1.7cqw,17px);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-port{position:absolute;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--page);border:2px solid var(--cat);z-index:2}.mini-port-in{left:-5px}.mini-port-out{right:-5px}.wire-pill{position:absolute;transform:translate(-50%,-50%);z-index:3;padding:4px 8px;border-radius:11px;background:var(--page);border:1px solid color-mix(in srgb,var(--pill) 60%,transparent);font-family:var(--mono);font-size:clamp(9px,1.15cqw,11px);line-height:1;color:var(--text);white-space:nowrap}.preview-sentence{margin:0;padding:12px 20px;border-top:1px solid var(--border);font-family:var(--mono);font-size:12.5px;color:var(--body)}.features{max-width:1200px;margin:0 auto;padding:96px 32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:48px}.feature-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center}.feature-icon-blue{background:#9db4ff26;border:1px solid #9db4ff66}.feature-icon-mint{background:#86f0d626;border:1px solid #86f0d666}.feature-icon-pink{background:#ffa9ba26;border:1px solid #ffa9ba66}.features h2{margin:22px 0 12px;font-size:22px;font-weight:700;letter-spacing:-.01em}.feature-title{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.dev-tag{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--outside);background:#ffd39b1a;border:1px solid #ffd39b73;border-radius:999px;padding:5px 9px;line-height:1}.features p{margin:0;font-size:16px;line-height:1.65;font-weight:500;color:var(--body)}.site-footer{background:var(--deep);border-top:1px solid var(--border)}.footer-inner{max-width:1200px;margin:0 auto;padding:28px 32px}body:has(.editor-shell){overflow:hidden;height:100%;background:var(--page)}.editor-shell{height:100vh;height:100dvh;display:grid;grid-template-columns:250px minmax(0,1fr) 300px;grid-template-rows:auto minmax(0,1fr) 280px;background:var(--page);color:var(--text);overflow:hidden}.topbar{grid-column:1 / -1;grid-row:1;position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:0 18px;background:var(--panel);border-bottom:1px solid var(--border)}.top-lead{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.top-slash{color:var(--border);flex:none}.name-wrap{position:relative;display:flex;align-items:center;min-width:0}.name-input{width:auto;min-width:6ch;max-width:min(280px,30vw);field-sizing:content;background:transparent;border:1px solid transparent;border-radius:8px;padding:4px 8px;font-weight:600;font-size:17px;color:var(--text)}.name-chevron{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:0;border-radius:8px;color:var(--body)}.name-chevron:hover,.name-chevron[aria-expanded=true]{background:var(--page);color:var(--text)}.name-input:hover{border-color:var(--border)}.name-input:focus{background:var(--field);border-color:var(--border)}.status{display:inline-flex;align-items:center;gap:8px;margin:0 8px 0 0;min-width:0;color:var(--body);font-family:var(--mono);font-size:12px;font-weight:400;white-space:nowrap}.status-dot{width:7px;height:7px;flex:none;border-radius:50%;background:var(--store)}.status-sample .status-dot{background:var(--outside)}.top-actions{display:flex;align-items:center;gap:8px;flex:none}.bar-btn,.text-btn{background:transparent;border:1px solid var(--border);color:var(--text);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:500}.bar-btn:hover,.text-btn:hover{background:var(--page)}.file-btn,.bar-btn-share{display:inline-flex;align-items:center;gap:8px}.bar-btn-share{background:var(--accent);color:var(--accent-ink);border-color:transparent;font-weight:700}.bar-btn-share:hover{background:#ff9d68}.bar-btn-danger{background:var(--edge);color:var(--accent-ink);border-color:transparent;font-weight:700}.bar-btn-danger:hover{background:#ffc0cc}.modal-backdrop{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px;background:#121624a8}.modal{width:min(420px,100%);padding:22px;background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 60px #0a0e1c80}.modal h2{margin:0 0 8px;font-size:20px;font-weight:700}.modal p{margin:0 0 20px;color:var(--body);font-size:15px;line-height:1.5}.modal p strong{color:var(--text);font-weight:700}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.bar-btn-armed{color:var(--accent);border-color:var(--accent)}.menu{position:relative}.menu-pop{position:absolute;top:calc(100% + 8px);right:0;z-index:20;width:260px;max-height:320px;overflow:auto;padding:6px;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 40px #0a0e1c73}.menu-pop-start{left:0;right:auto}.menu-pop-file{width:280px}.share-note{width:max-content;max-width:260px;padding:12px 14px;color:var(--text);font-size:14px;font-weight:600;line-height:1.4}.menu-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;background:transparent;border:0;color:var(--text);border-radius:8px;padding:8px 10px;font-size:14px;font-weight:500}.menu-item:hover,.menu-item-active{background:#9db4ff24}.menu-label{display:inline-flex;align-items:center;gap:10px;min-width:0}.menu-key{flex:none;color:var(--body);font-family:var(--mono);font-size:11px;font-weight:500}.menu-row{display:flex;align-items:center;gap:2px}.menu-row .menu-item{width:auto;flex:1;min-width:0}.menu-more{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;margin-right:4px;padding:0;background:transparent;border:0;border-radius:8px;color:var(--body)}.menu-more:hover,.menu-more[aria-expanded=true]{background:#9db4ff24;color:var(--text)}.chart-row-menu{position:fixed;z-index:40;width:168px}.menu-item-danger{color:var(--edge)}.menu-item-armed{color:var(--accent)}.menu-tag,.menu-empty{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--body)}.menu-empty{margin:6px 10px}.menu-divider{height:1px;margin:6px 8px;background:var(--border)}.file-input{display:none}.error-banner{position:absolute;left:18px;right:18px;top:calc(100% + 8px);z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:#3a2c38;color:#ffd6df;border:1px solid var(--edge);border-radius:10px;font-size:14px}.error-banner button{background:transparent;border:0;color:var(--accent);font-weight:700}.palette{grid-column:1;grid-row:2 / span 2;overflow:auto;background:var(--panel);border-right:1px solid var(--border);padding:18px 14px 24px}.palette-head h2,.trace-head h2{margin:0;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--body)}.palette-head p{margin:6px 0 0;color:var(--body);font-size:12.5px;line-height:1.45;font-weight:500}.palette-group{margin-top:16px}.palette-group h3{margin:0 6px 2px;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--body)}.palette-item{width:100%;display:flex;align-items:center;gap:10px;text-align:left;background:transparent;border:1px solid transparent;border-radius:10px;padding:8px 6px;color:var(--text)}.palette-item:hover{background:var(--page)}.palette-icon{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,currentColor 15%,transparent);border:1px solid color-mix(in srgb,currentColor 50%,transparent)}.palette-icon svg{width:16px;height:16px;display:block}.palette-copy{min-width:0;display:flex;flex-direction:column;gap:1px}.palette-name{font-weight:600;font-size:13.5px}.palette-desc{color:var(--body);font-size:12px;font-weight:500;line-height:1.35}.canvas-wrap{grid-column:2;grid-row:2;position:relative;min-width:0;min-height:0;background:var(--page)}.canvas-wrap .react-flow{width:100%;height:100%}.canvas-empty{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;padding:24px;text-align:center;color:var(--body);font-size:16px;z-index:5}.react-flow{background:var(--page);--xy-background-color: var(--page);--xy-background-pattern-color: rgba(157, 180, 255, .55)}.react-flow__node-card{padding:0;border:none;background:transparent;border-radius:0;box-shadow:none;font-family:var(--sans)}.react-flow__node-card.selected,.react-flow__node-card:focus,.react-flow__node-card:focus-visible{box-shadow:none;outline:none}.react-flow__node.is-dim{opacity:.45}.react-flow__edge.is-dim{opacity:.28}.react-flow__edge.is-selected .react-flow__edge-text{font-weight:700}.react-flow__edge-path{stroke-linecap:round}.react-flow__edge.animated .react-flow__edge-path{stroke-dasharray:6 9;animation:wire-flow 1.6s linear infinite}.react-flow__edge.selected path,.react-flow__edge.selected .react-flow__edge-path{stroke-dasharray:none}.react-flow__edge .edge-underlay,.react-flow__edge.animated .edge-underlay{stroke-dasharray:none;animation:none;pointer-events:none}.edge-label{position:absolute;z-index:13;padding:4px 8px;border-radius:11px;background:#2a3249;color:#f4f6fc;font-family:var(--mono);font-size:11px;font-weight:500;line-height:15px;white-space:nowrap;pointer-events:all;cursor:pointer;-webkit-user-select:none;user-select:none}.edge-label.is-selected{z-index:14;background:#212839;font-weight:700}.edge-label.is-dim{opacity:.28}.react-flow__controls{border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:none;background:var(--panel)}.react-flow__controls-button{background:var(--panel);border-bottom:1px solid var(--border);fill:var(--text);width:30px;height:30px}.react-flow__controls-button:hover{background:var(--page)}.react-flow__controls-button svg{fill:var(--text)}.react-flow__minimap{background:var(--panel)!important;border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:none;margin-bottom:52px}.react-flow__attribution{background:transparent;color:var(--body);font-size:10px}.react-flow__attribution a{color:var(--text)}.fl-card{position:relative;width:100%;height:100%;border-radius:12px;background:color-mix(in srgb,var(--cat, var(--program)) 16%,var(--page));border:1px solid color-mix(in srgb,var(--cat, var(--program)) 55%,transparent);box-shadow:none;padding:10px 14px 10px 16px;display:flex;flex-direction:column;justify-content:center;gap:2px;cursor:grab}.fl-card:before{content:"";position:absolute;left:0;top:50%;width:3px;height:40px;border-radius:1.5px;background:var(--cat, var(--program));transform:translateY(-50%)}.fl-card.is-selected{border-color:var(--cat, var(--program));box-shadow:inset 0 0 0 1px var(--cat, var(--program))}.fl-kicker{margin:0;font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--body)}.fl-title{margin:0;font-size:16px;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.fl-title.is-placeholder,.fl-sub{color:var(--body)}.fl-sub{margin:0;font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fl-port{width:22px;height:22px;background:transparent!important;border:none!important;border-radius:50%}.fl-port:after{content:"";position:absolute;width:10px;height:10px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:var(--page);border:2px solid var(--cat, var(--program));box-shadow:none}.trace-panel{grid-column:2;grid-row:3;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--panel);border-top:1px solid var(--border);padding:0}.trace-tabs{position:relative;z-index:2;flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px;border-bottom:1px solid var(--border)}.trace-tablist{display:flex;align-items:center;min-width:0}.trace-tab{display:inline-flex;align-items:center;gap:6px;margin-right:22px;padding:12px 0;background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--body);font-size:13px;font-weight:600}.trace-tab-active{color:var(--text);border-bottom-color:var(--program)}.trace-count{min-width:18px;padding:1px 6px;border-radius:999px;background:#ffd39b26;color:var(--outside);font-family:var(--sans);font-size:11px;font-weight:600;line-height:1.4}.trace-tab-actions{display:flex;align-items:center;gap:8px;flex:none;height:100%}.copy-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin:0;padding:0;background:transparent;border:0;border-radius:6px;color:var(--body)}.copy-tip{position:absolute;top:calc(100% + 8px);right:0;z-index:6;padding:5px 8px;border:1px solid var(--border);border-radius:8px;background:var(--deep);color:var(--text);font-family:var(--sans);font-size:12px;font-weight:600;line-height:1.2;letter-spacing:0;text-transform:none;white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(-2px);transition:opacity .12s ease,transform .12s ease}.copy-icon-btn:hover .copy-tip,.copy-icon-btn:focus-visible .copy-tip{opacity:1;transform:translateY(0)}.copy-icon-btn.is-tip-hidden .copy-tip,.copy-icon-btn.is-tip-hidden:hover .copy-tip,.copy-icon-btn.is-tip-hidden:focus-visible .copy-tip{opacity:0;transform:translateY(-2px)}.copy-icon-btn:hover{background:#9db4ff24;color:var(--text)}.copy-icon-btn.has-label{width:auto;gap:5px;padding:0 8px 0 6px;font-family:var(--sans);font-size:12px;font-weight:600}.copy-label{line-height:1}.copy-icon-btn.is-copied,.copy-icon-btn.is-copied:hover{background:transparent;color:var(--store)}.trace-tab-actions .text-btn{padding:5px 12px;font-size:12px}.live-tag{display:inline-flex;align-items:center;gap:6px;height:22px;color:var(--store);font-family:var(--sans);font-size:11px;font-weight:700;line-height:1;letter-spacing:.08em;text-transform:uppercase}.live-tag i{width:7px;height:7px;border-radius:50%;background:var(--store)}.trace-body{overflow:auto;min-height:0;padding:12px 18px 14px}.trace-body:has(.wire-table){display:flex;flex-direction:column;overflow:hidden;padding:12px 0 0}.reading-list{display:flex;flex-direction:column;gap:2px}.reading-row{position:relative;display:flex;align-items:baseline;gap:14px;width:100%;margin:0;padding:7px 12px 7px 16px;border:0;border-radius:10px;background:transparent;color:var(--text);font-family:var(--sans);font-size:14px;font-weight:500;line-height:1.45;text-align:left;cursor:pointer}.reading-row:hover{background:#9db4ff1a}.reading-row.is-selected{background:#b4c0e624}.reading-row.is-selected:before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:3px;border-radius:99px;background:var(--generic)}.reading-num{flex:none;min-width:1.6em;color:#8b95b2;font-weight:500;font-variant-numeric:tabular-nums}.reading-sentence{min-width:0}.reading-name,.reading-verb{font-weight:600}.reading-payload{color:#d5dced;font-weight:500}.reading-plain{color:#8e98b5;font-weight:500}.trace-empty{margin:4px 0 0;color:var(--body);font-family:var(--sans);font-size:13.5px}.wire-table{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0;min-height:0;overflow:auto;padding:0 18px 14px}.wire-head-row,.wire-row{display:grid;grid-template-columns:minmax(0,1.3fr) 96px minmax(0,1fr) minmax(0,1.3fr);gap:8px 12px;align-items:center;min-width:520px}.wire-head-row{position:sticky;top:0;z-index:1;background:var(--panel);color:var(--body);font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:0 8px 6px}.wire-row{width:100%;padding:7px 8px;background:transparent;border:0;border-radius:8px;color:var(--text);font:inherit;text-align:left;cursor:pointer}.wire-row:hover{background:#9db4ff1f}.wire-verb,.wire-payload,.trace-name{font-family:var(--sans);font-size:13.5px;font-weight:500}.wire-payload-empty{justify-self:start;width:max-content;max-width:100%;margin:0;padding:1px 8px;background:transparent;border:1px dashed var(--outside);border-radius:8px;color:var(--outside);font-family:var(--sans);font-size:13px;font-weight:500;line-height:1.5;cursor:pointer}.wire-payload-empty:hover{background:#ffd39b1a;border-color:#ffe6c2;color:#ffe6c2}.trace-name{display:inline-flex;align-items:center;gap:8px;min-width:0}.trace-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trace-dot{width:8px;height:8px;flex:none;border-radius:50%}.checks{min-width:0}.check-meter{display:flex;justify-content:space-between;gap:12px;color:var(--body);font-family:var(--sans);font-size:13px;font-weight:500}.check-bar{height:4px;margin:8px 0 12px;overflow:hidden;background:var(--deep);border-radius:99px}.check-bar span{display:block;height:100%;background:var(--store);border-radius:inherit}.check-list{list-style:none;margin:0;padding:0}.check-row{display:flex;align-items:center;gap:10px;padding:7px 0;color:var(--outside);font-family:var(--sans);font-size:13.5px;font-weight:500;line-height:1.45}.check-row svg{flex:none}.check-row span{flex:1;min-width:0;color:var(--text)}.check-action{flex:none;margin:0;padding:0;background:transparent;border:0;border-radius:0;color:var(--program);font-family:var(--sans);font-size:13px;font-weight:600}.check-action:hover{background:transparent;color:#d7e2ff}.json-view{min-width:max-content;font-family:var(--mono);font-size:12px;line-height:1.65}.json-line{display:grid;grid-template-columns:32px max-content;gap:12px;white-space:pre}.json-gutter{color:var(--border);text-align:right}.json-key{color:var(--program)}.json-string{color:var(--store)}.json-punct{color:var(--body)}.trace-label{margin:8px 0 3px;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--body)}.trace-line{margin:0;font-family:var(--sans);font-size:14px;font-weight:500;line-height:1.5;color:var(--text)}.trace-line-in{color:var(--program)}.trace-line-out{color:var(--store)}.trace-line-meta{color:var(--body);margin-top:8px}.inspector{grid-column:3;grid-row:2 / span 2;overflow:auto;background:var(--panel);border-left:1px solid var(--border);padding:18px}.inspector-kicker{margin:0;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--body)}.inspector-title{margin:6px 0 12px;font-weight:700;font-size:22px;line-height:1.15;letter-spacing:-.01em;color:var(--text)}.inspector-copy,.inspector-sentence{margin:0 0 12px;color:var(--body);font-size:13px;line-height:1.55;font-weight:500}.inspector-sentence{font-family:var(--mono);font-size:12.5px;font-weight:400;color:var(--text)}.inspector-swatch{margin-top:8px}.field{display:flex;flex-direction:column;gap:5px;margin:0 0 12px}.field span{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--body)}.field input,.field select,.field textarea{width:100%;background:var(--field);border:1px solid var(--border);border-radius:8px;padding:9px 10px;color:var(--text);font-family:var(--mono);font-size:13px;font-weight:400}.field textarea{resize:vertical;min-height:72px}.field-error{margin:-4px 0 12px;color:var(--outside);font-family:var(--mono);font-size:12px}.io-grid{display:grid;gap:10px;margin:6px 0 14px}.io-box{background:var(--field);border:1px solid var(--border);border-radius:8px;padding:10px 12px}.io-box h3{margin:0 0 6px;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--body)}.io-box p,.io-box li{margin:0;color:var(--text);font-size:13px;line-height:1.45}.io-box ul{margin:0;padding-left:1.1rem}.io-box li+li{margin-top:6px}.inspector .text-btn{margin-top:4px}@media(max-width:980px){.hero{padding-top:48px}body:has(.editor-shell){overflow:auto;height:auto}.editor-shell{height:auto;min-height:100vh;overflow:visible;grid-template-columns:1fr;grid-template-rows:auto auto minmax(520px,70vh) 280px auto}.topbar,.palette,.canvas-wrap,.trace-panel,.inspector{grid-column:1;grid-row:auto}.palette,.inspector{border:0;border-top:1px solid var(--border);max-height:none}.topbar{flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:10px}}@media(max-width:720px){.wrap,.features,.footer-inner{padding-left:20px;padding-right:20px}.hero-actions{margin-bottom:40px}.features{padding-top:64px;padding-bottom:64px}}