.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.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 .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation: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:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.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:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;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:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.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.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@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}.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-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.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:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.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{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.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:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform: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:#3367d9;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%}:root,[data-theme=vscode-dark]{--font-display: "Sora", sans-serif;--font-body: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace;--bg: #1e1e1e;--bg-soft: #252526;--surface: #2d2d2d;--surface-2: #333333;--border: #3e3e42;--text: #cccccc;--text-dim: #9d9d9d;--text-bright: #ffffff;--accent: #007acc;--accent-hover: #1a85ff;--accent-ink: #ffffff;--danger: #f48771;--ok: #89d185;--warn: #cca700;--radius: 6px;--shadow: 0 8px 28px rgba(0, 0, 0, .45);--code-bg: #141414;--code-ink: #9cdcfe}[data-theme=vscode-light]{--font-display: "Sora", sans-serif;--font-body: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace;--bg: #f3f3f3;--bg-soft: #e8e8e8;--surface: #ffffff;--surface-2: #f7f7f7;--border: #d4d4d4;--text: #333333;--text-dim: #767676;--text-bright: #000000;--accent: #0065a9;--accent-hover: #007acc;--accent-ink: #ffffff;--danger: #a1260d;--ok: #0e7a0d;--warn: #7a6200;--radius: 6px;--shadow: 0 8px 22px rgba(0, 0, 0, .12);--code-bg: #1e1e1e;--code-ink: #9cdcfe}[data-theme=retro]{--font-display: "VT323", monospace;--font-body: "VT323", monospace;--font-mono: "JetBrains Mono", monospace;--bg: #0b0e0b;--bg-soft: #101410;--surface: #131813;--surface-2: #182018;--border: #2f6b2f;--text: #33ff66;--text-dim: #1f9d43;--text-bright: #ccffcc;--accent: #ffb000;--accent-hover: #ffc133;--accent-ink: #140e00;--danger: #ff5555;--ok: #33ff66;--warn: #ffb000;--radius: 2px;--shadow: 0 0 18px rgba(51, 255, 102, .14);--code-bg: #050705;--code-ink: #33ff66}[data-theme=handwritten]{--font-display: "Caveat", cursive;--font-body: "Kalam", cursive;--font-mono: "JetBrains Mono", monospace;--bg: #f6eeda;--bg-soft: #f1e4c8;--surface: #fdf8ec;--surface-2: #fbf3df;--border: #c9b489;--text: #4a3f2a;--text-dim: #8a7a5c;--text-bright: #2b2314;--accent: #d94848;--accent-hover: #c03a3a;--accent-ink: #fff8ee;--danger: #b3261e;--ok: #2e7d32;--warn: #9a6b00;--radius: 14px;--shadow: 0 10px 24px rgba(120, 90, 40, .18);--code-bg: #2e2a24;--code-ink: #ffe9b8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);transition:background .25s ease,color .25s ease}[data-theme=handwritten] body,[data-theme=handwritten]{background-image:repeating-linear-gradient(transparent,transparent 30px,rgba(160,130,80,.16) 31px)}[data-theme=retro] body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;background:repeating-linear-gradient(transparent 0 2px,#00000038 2px,#00000038 4px)}h1,h2,h3{font-family:var(--font-display);color:var(--text-bright);letter-spacing:.01em}[data-theme=retro] h1,[data-theme=retro] h2{font-weight:400;text-transform:uppercase;text-shadow:0 0 12px rgba(51,255,102,.6)}[data-theme=handwritten] h1,[data-theme=handwritten] h2{font-size:2.1em;text-decoration:underline wavy var(--accent) 2px;text-underline-offset:6px}a{color:var(--accent)}code{font-family:var(--font-mono);font-size:.88em;background:var(--surface-2);padding:1px 6px;border-radius:4px;border:1px solid var(--border)}[data-theme=retro] code{font-size:1em}::selection{background:var(--accent);color:var(--accent-ink)}.app-shell{max-width:1120px;margin:0 auto;padding:20px 22px 60px}.topbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:10px 16px;margin-bottom:22px;box-shadow:var(--shadow);position:sticky;top:12px;z-index:10}.brand{font-family:var(--font-display);font-weight:700;font-size:1.25rem;color:var(--text-bright);white-space:nowrap}[data-theme=retro] .brand:after{content:"▊";animation:blink 1.1s steps(1) infinite;color:var(--accent)}[data-theme=handwritten] .brand{font-size:1.8rem;transform:rotate(-1deg)}@keyframes blink{50%{opacity:0}}.nav{display:flex;gap:4px;flex-wrap:wrap}.nav a{color:var(--text-dim);text-decoration:none;font-weight:600;padding:7px 12px;border-radius:var(--radius);border:1px solid transparent}.nav a:hover{color:var(--text-bright);background:var(--surface-2)}.nav a.active{color:var(--accent-ink);background:var(--accent)}[data-theme=handwritten] .nav a.active{transform:rotate(-1deg)}[data-theme=retro] .nav a{text-transform:uppercase;letter-spacing:.06em}.topbar-spacer{flex:1}.theme-switcher{display:flex;align-items:center;gap:8px}.theme-switcher-label{font-size:.8rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}[data-theme=handwritten] .theme-switcher-label{font-family:var(--font-display);font-size:1.1rem;text-transform:none}.btn{font-family:var(--font-body);font-weight:600;background:var(--accent);color:var(--accent-ink);border:1px solid transparent;border-radius:var(--radius);padding:8px 16px;cursor:pointer;white-space:nowrap}.btn:hover:not(:disabled){background:var(--accent-hover)}.btn:disabled{opacity:.55;cursor:wait}.btn-secondary{font-family:var(--font-body);font-weight:600;background:transparent;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:8px 16px;cursor:pointer;white-space:nowrap}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-danger{background:transparent;border:1px solid var(--danger);color:var(--danger)}.btn-danger:hover{background:var(--danger);color:#fff}[data-theme=retro] .btn,[data-theme=retro] .btn-secondary{text-transform:uppercase;letter-spacing:.06em;border-width:2px}[data-theme=handwritten] .btn{transform:rotate(-.6deg);box-shadow:2px 3px #4a3f2a59}[data-theme=handwritten] .btn-secondary{transform:rotate(.5deg);border-style:dashed;border-width:2px}.input,.select,.textarea{font-family:var(--font-body);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent)}[data-theme=retro] .input,[data-theme=retro] .select,[data-theme=retro] .textarea{border-width:2px;font-size:1.1rem;caret-color:var(--accent)}[data-theme=handwritten] .input,[data-theme=handwritten] .select{border:0;border-bottom:2px dashed var(--border);border-radius:0;background:transparent;font-size:1.1rem}.textarea{width:100%;font-family:var(--font-mono);font-size:.85rem;line-height:1.55;resize:vertical}select.select option{background:var(--surface);color:var(--text)}.form-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;align-items:center}.form-row .grow{flex:1;min-width:200px}.card-grid{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 20px;min-width:150px;box-shadow:var(--shadow)}.card:nth-child(odd){--tilt: -.7deg}.card:nth-child(2n){--tilt: .6deg}[data-theme=handwritten] .card{transform:rotate(var(--tilt, -.5deg));border-width:2px}.card-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim)}[data-theme=retro] .card-title{font-size:1rem}[data-theme=handwritten] .card-title{font-family:var(--font-display);font-size:1.2rem;text-transform:none;letter-spacing:0}.card-value{font-family:var(--font-display);font-size:1.7rem;color:var(--text-bright)}[data-theme=handwritten] .card-value{font-size:2.2rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin:12px 0;box-shadow:var(--shadow)}[data-theme=handwritten] .panel{transform:rotate(.3deg)}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}table.table{border-collapse:collapse;width:100%}.table th{text-align:left;padding:10px 12px;color:var(--text-dim);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;border-bottom:2px solid var(--border);background:var(--surface-2);white-space:nowrap}[data-theme=retro] .table th{font-size:1.05rem}[data-theme=handwritten] .table th{font-family:var(--font-display);font-size:1.15rem;text-transform:none;letter-spacing:0}.table td{padding:9px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:var(--surface-2)}.msg{padding:10px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);margin:10px 0;overflow-wrap:anywhere}.msg-err{border-color:var(--danger);color:var(--danger)}.msg-ok{border-color:var(--ok)}pre.code{background:var(--code-bg);color:var(--code-ink);font-family:var(--font-mono);font-size:.82rem;line-height:1.6;padding:14px;border-radius:var(--radius);overflow-x:auto;border:1px solid var(--border);white-space:pre-wrap}[data-theme=retro] pre.code{box-shadow:inset 0 0 30px #33ff6614,0 0 18px #33ff6624}.req{color:var(--danger);font-weight:700}[data-theme=handwritten] .req{background:linear-gradient(transparent 55%,#d9484859 55%);padding:0 2px}.login-wrap{max-width:400px;margin:9vh auto}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}[data-theme=handwritten] .login-card{transform:rotate(-1deg)}.login-card h2{margin-top:0}.login-form{display:grid;gap:12px}.login-alt{display:grid;gap:10px;margin-top:12px}.login-hint{color:var(--text-dim);font-size:.9rem}[data-theme=retro] .login-card{border-width:2px}[data-theme=retro] .login-card h2{text-shadow:0 0 12px rgba(51,255,102,.6)}.steps li{margin-bottom:6px}details.curl{margin-top:10px}details.curl summary{cursor:pointer;color:var(--accent);font-weight:600}.canvas-layout{display:grid;grid-template-columns:190px 1fr 300px;gap:12px;align-items:stretch}@media (max-width: 1000px){.canvas-layout{grid-template-columns:1fr}}.palette{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow);align-self:start}.palette-title{font-family:var(--font-display);color:var(--text-bright);font-size:1.1rem}.palette-item{display:flex;align-items:center;gap:8px;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;cursor:pointer;font-family:var(--font-body);font-weight:600;text-align:left}.palette-item:hover{border-color:var(--accent)}.palette-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.palette-hint{font-size:.8rem;color:var(--text-dim)}.canvas-wrap{height:62vh;min-height:420px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-soft);box-shadow:var(--shadow)}.node-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow);max-height:62vh;overflow-y:auto;align-self:start}.node-panel h3{margin-top:0}.node-panel label{display:block;margin-bottom:10px;font-size:.9rem}.node-panel .input,.node-panel .select,.node-panel .textarea{width:100%;margin-top:4px}.fnode{background:var(--surface);border:1px solid var(--border);border-left:5px solid var(--accent);border-radius:var(--radius);padding:8px 12px;min-width:150px;box-shadow:var(--shadow);font-family:var(--font-body)}.fnode-selected{outline:2px solid var(--accent)}.fnode-warn{border-color:var(--danger)}.fnode-kind{display:inline-block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fff;border-radius:4px;padding:1px 6px;margin-bottom:4px}.fnode-label{font-family:var(--font-display);font-weight:600;color:var(--text-bright)}.fnode-sub{font-family:var(--font-mono);font-size:.72rem;color:var(--text-dim);overflow-wrap:anywhere}.fnode-warn-text{font-size:.75rem;color:var(--danger);font-weight:700}.react-flow__controls-button{background:var(--surface);border-bottom:1px solid var(--border);fill:var(--text)}.react-flow__controls-button:hover{background:var(--surface-2)}.react-flow__minimap{background:var(--surface)}.react-flow__attribution{background:transparent;color:var(--text-dim)}.react-flow__edge-text{font-family:var(--font-mono)}