.categories[data-v-b22f147b]{flex:1;overflow-y:auto}.canvas-container[data-v-be8685ea]{position:relative;width:100%;height:100%}.empty-state[data-v-be8685ea]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;text-align:center}.empty-state-icon[data-v-be8685ea]{font-size:48px;color:var(--text-muted);opacity:.5;margin-bottom:16px}.empty-state-text[data-v-be8685ea]{font-size:14px;color:var(--text-muted);margin-bottom:8px}.empty-state-hint[data-v-be8685ea]{font-size:12px;color:var(--text-muted);opacity:.7}.context-menu[data-v-be8685ea]{position:fixed;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #0000004d;padding:4px;z-index:1000;min-width:120px}.context-menu-item[data-v-be8685ea]{display:block;width:100%;padding:8px 12px;background:none;border:none;border-radius:4px;color:var(--text);font-size:13px;text-align:left;cursor:pointer}.context-menu-item[data-v-be8685ea]:hover{background:#ffffff1a}.context-menu-danger[data-v-be8685ea]{color:var(--accent-red)}.context-menu-danger[data-v-be8685ea]:hover{background:#ff7b721a}.modal-overlay[data-v-c1dcf18f]{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal[data-v-c1dcf18f]{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;width:90%;max-width:500px;box-shadow:0 8px 32px #0006}.modal-header[data-v-c1dcf18f]{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-header h2[data-v-c1dcf18f]{font-size:18px;font-weight:600;margin:0}.modal-close[data-v-c1dcf18f]{background:none;border:none;color:var(--text-muted);font-size:24px;cursor:pointer;padding:0;line-height:1}.modal-close[data-v-c1dcf18f]:hover{color:var(--text)}.modal-body[data-v-c1dcf18f]{padding:20px}.modal-hint[data-v-c1dcf18f]{font-size:13px;color:var(--text-muted);margin-bottom:12px}.ai-input[data-v-c1dcf18f]{width:100%;padding:12px;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;resize:vertical;font-family:inherit}.ai-input[data-v-c1dcf18f]:focus{outline:none;border-color:var(--accent)}.examples[data-v-c1dcf18f]{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.examples-label[data-v-c1dcf18f]{font-size:12px;color:var(--text-muted)}.example-chip[data-v-c1dcf18f]{background:var(--bg-node);border:1px solid var(--border-light);border-radius:16px;padding:4px 12px;font-size:12px;color:var(--text);cursor:pointer;transition:background .15s,border-color .15s}.example-chip[data-v-c1dcf18f]:hover{background:#79c0ff1a;border-color:var(--accent)}.status-text[data-v-c1dcf18f]{margin-top:12px;padding:8px 12px;background:#79c0ff1a;border:1px solid var(--accent);border-radius:6px;font-size:13px;color:var(--accent);animation:pulse-c1dcf18f 1.5s ease-in-out infinite}@keyframes pulse-c1dcf18f{0%,to{opacity:1}50%{opacity:.6}}.warning-text[data-v-c1dcf18f]{margin-top:12px;padding:8px 12px;background:#ffc8321a;border:1px solid rgba(255,200,50,.4);border-radius:6px;font-size:13px;color:#e8b930}.error-text[data-v-c1dcf18f]{margin-top:12px;padding:8px 12px;background:#ff7b721a;border:1px solid var(--accent-red);border-radius:6px;font-size:13px;color:var(--accent-red)}.modal-footer[data-v-c1dcf18f]{padding:16px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}.modal-overlay[data-v-7fdde21f]{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal[data-v-7fdde21f]{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;width:90%;max-width:500px;box-shadow:0 8px 32px #0006}.modal-large[data-v-7fdde21f]{max-width:700px;max-height:80vh;display:flex;flex-direction:column}.modal-header[data-v-7fdde21f]{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-header h2[data-v-7fdde21f]{font-size:18px;font-weight:600;margin:0}.modal-close[data-v-7fdde21f]{background:none;border:none;color:var(--text-muted);font-size:24px;cursor:pointer;padding:0;line-height:1}.modal-close[data-v-7fdde21f]:hover{color:var(--text)}.modal-body[data-v-7fdde21f]{padding:20px;overflow-y:auto;flex:1}.modal-footer[data-v-7fdde21f]{padding:16px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;flex-shrink:0}.help-section[data-v-7fdde21f]{margin-bottom:24px}.help-section[data-v-7fdde21f]:last-child{margin-bottom:0}.help-section h3[data-v-7fdde21f]{font-size:14px;font-weight:600;color:var(--accent);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.stats-grid[data-v-7fdde21f]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat[data-v-7fdde21f]{background:var(--bg-input);border-radius:8px;padding:16px;text-align:center}.stat-value[data-v-7fdde21f]{display:block;font-size:28px;font-weight:700;color:var(--accent)}.stat-label[data-v-7fdde21f]{font-size:12px;color:var(--text-muted)}.shortcuts-grid[data-v-7fdde21f]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.shortcut[data-v-7fdde21f]{display:flex;align-items:center;gap:12px;padding:8px;background:var(--bg-input);border-radius:6px}.shortcut kbd[data-v-7fdde21f]{background:var(--bg-node);border:1px solid var(--border);border-radius:4px;padding:4px 8px;font-size:11px;font-family:monospace;white-space:nowrap}.shortcut span[data-v-7fdde21f]{font-size:13px;color:var(--text-muted)}.node-types-grid[data-v-7fdde21f]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.node-type-item[data-v-7fdde21f]{display:flex;align-items:center;gap:12px;padding:8px;background:var(--bg-input);border-radius:6px}.node-type-icon[data-v-7fdde21f]{background:var(--accent);color:#000;padding:4px 6px;border-radius:4px;font-size:10px;font-weight:700}.node-type-name[data-v-7fdde21f]{font-size:13px;font-weight:500}.node-type-desc[data-v-7fdde21f]{font-size:11px;color:var(--text-muted)}.quick-start[data-v-7fdde21f]{padding-left:20px;font-size:13px;color:var(--text-muted);line-height:1.8}.quick-start li[data-v-7fdde21f]{margin-bottom:4px}.test-panel-overlay[data-v-7a1a5897]{position:fixed;inset:0;background:#0009;z-index:800;display:flex;align-items:center;justify-content:center;padding:24px}.test-panel[data-v-7a1a5897]{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;width:100%;max-width:900px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 16px 48px #0006}.test-panel-header[data-v-7a1a5897]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.test-panel-title[data-v-7a1a5897]{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600}.test-icon[data-v-7a1a5897]{font-size:10px;font-weight:700;padding:3px 6px;border-radius:4px;background:var(--accent-green);color:#000}.test-panel-actions[data-v-7a1a5897]{display:flex;gap:8px}.btn-run[data-v-7a1a5897]{background:var(--accent-green);border-color:var(--accent-green);color:#000;font-weight:600}.btn-run[data-v-7a1a5897]:hover:not(:disabled){filter:brightness(1.1)}.btn-run[data-v-7a1a5897]:disabled{opacity:.5;cursor:not-allowed}.score-bar[data-v-7a1a5897]{padding:12px 20px;border-bottom:1px solid var(--border)}.score-numbers[data-v-7a1a5897]{display:flex;align-items:baseline;gap:4px;margin-bottom:8px;font-size:14px}.score-correct[data-v-7a1a5897]{font-size:24px;font-weight:700;color:var(--accent-green)}.score-divider[data-v-7a1a5897]{color:var(--text-muted)}.score-total[data-v-7a1a5897]{font-size:18px;font-weight:600}.score-label[data-v-7a1a5897]{color:var(--text-muted);margin-left:4px}.score-percent[data-v-7a1a5897]{color:var(--text-muted);font-size:13px}.score-track[data-v-7a1a5897]{height:6px;background:var(--bg-input);border-radius:3px;overflow:hidden}.score-fill[data-v-7a1a5897]{height:100%;border-radius:3px;transition:width .5s ease}.score-perfect[data-v-7a1a5897]{background:var(--accent-green)}.score-good[data-v-7a1a5897]{background:#4ade80}.score-warn[data-v-7a1a5897]{background:var(--accent-orange)}.score-bad[data-v-7a1a5897]{background:var(--accent-red)}.test-error[data-v-7a1a5897]{padding:12px 20px;background:#ff7b721a;color:var(--accent-red);font-size:13px;border-bottom:1px solid var(--border)}.test-empty[data-v-7a1a5897],.test-ready[data-v-7a1a5897]{padding:32px 20px;text-align:center}.test-empty-icon[data-v-7a1a5897]{font-size:12px;font-weight:700;padding:6px 12px;border-radius:6px;background:var(--bg-input);color:var(--text-muted);display:inline-block;margin-bottom:12px}.test-empty-text[data-v-7a1a5897]{font-size:15px;font-weight:500;margin-bottom:8px}.test-empty-hint[data-v-7a1a5897]{font-size:12px;color:var(--text-muted);line-height:1.8}.test-empty-hint code[data-v-7a1a5897]{background:var(--bg-input);padding:2px 6px;border-radius:3px;font-size:11px}.rules-summary[data-v-7a1a5897]{font-size:14px;margin-bottom:12px}.rules-list[data-v-7a1a5897]{display:flex;flex-direction:column;gap:6px;max-width:600px;margin:0 auto 16px}.rule-chip[data-v-7a1a5897]{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-input);border:1px solid var(--border-light);border-radius:6px;font-size:12px;text-align:left}.rule-chip-name[data-v-7a1a5897]{font-weight:600;min-width:120px}.rule-chip-condition[data-v-7a1a5897]{flex:1;color:var(--accent);font-size:11px}.rule-chip-result[data-v-7a1a5897]{padding:2px 8px;background:var(--accent-green);color:#000;border-radius:3px;font-size:10px;font-weight:600}.test-hint[data-v-7a1a5897]{font-size:12px;color:var(--text-muted)}.filter-tabs[data-v-7a1a5897]{display:flex;gap:0;padding:0 20px;border-bottom:1px solid var(--border)}.filter-tabs button[data-v-7a1a5897]{padding:10px 16px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:12px;cursor:pointer;transition:all .15s}.filter-tabs button[data-v-7a1a5897]:hover{color:var(--text)}.filter-tabs button.active[data-v-7a1a5897]{color:var(--accent);border-bottom-color:var(--accent)}.test-results[data-v-7a1a5897]{flex:1;display:flex;flex-direction:column;min-height:0}.results-scroll[data-v-7a1a5897]{flex:1;overflow-y:auto}.results-table[data-v-7a1a5897]{width:100%;border-collapse:collapse;font-size:12px}.results-table thead[data-v-7a1a5897]{position:sticky;top:0;background:var(--bg-panel);z-index:1}.results-table th[data-v-7a1a5897]{padding:8px 12px;text-align:left;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border)}.results-table td[data-v-7a1a5897]{padding:8px 12px;border-bottom:1px solid var(--border-light)}.results-table tbody tr[data-v-7a1a5897]{cursor:pointer;transition:background .1s}.results-table tbody tr[data-v-7a1a5897]:hover{background:var(--hover-overlay)}.row-pass[data-v-7a1a5897]{border-left:3px solid var(--accent-green)}.row-fail[data-v-7a1a5897]{border-left:3px solid var(--accent-red);background:#ff7b720a}.row-expanded[data-v-7a1a5897]{background:var(--hover-overlay)!important}.col-status[data-v-7a1a5897]{width:60px}.col-id[data-v-7a1a5897]{width:70px;color:var(--text-muted)}.col-invoice[data-v-7a1a5897]{width:160px;font-family:monospace;font-size:11px}.col-expected[data-v-7a1a5897],.col-got[data-v-7a1a5897]{width:80px}.col-rule[data-v-7a1a5897]{color:var(--text-muted)}.badge-pass[data-v-7a1a5897]{display:inline-block;padding:2px 6px;border-radius:3px;font-size:9px;font-weight:700;background:var(--accent-green);color:#000}.badge-fail[data-v-7a1a5897]{display:inline-block;padding:2px 6px;border-radius:3px;font-size:9px;font-weight:700;background:var(--accent-red);color:#000}.got-mismatch[data-v-7a1a5897]{color:var(--accent-red);font-weight:600}.drill-down-row td[data-v-7a1a5897]{padding:0!important;border-left:3px solid var(--accent)}.drill-down[data-v-7a1a5897]{padding:12px 20px;background:var(--bg-input)}.drill-header[data-v-7a1a5897]{font-size:12px;font-weight:500;margin-bottom:8px;color:var(--text)}.drill-evaluations[data-v-7a1a5897]{display:flex;flex-direction:column;gap:4px}.eval-row[data-v-7a1a5897]{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:4px;font-size:11px}.eval-matched[data-v-7a1a5897]{background:#56d3641a}.eval-error[data-v-7a1a5897]{background:#ff7b721a}.eval-indicator[data-v-7a1a5897]{width:28px;font-size:9px;font-weight:700;text-align:center}.eval-matched .eval-indicator[data-v-7a1a5897]{color:var(--accent-green)}.eval-error .eval-indicator[data-v-7a1a5897]{color:var(--accent-red)}.eval-rule[data-v-7a1a5897]{min-width:120px;font-weight:500}.eval-condition[data-v-7a1a5897]{flex:1;font-size:10px;color:var(--text-muted)}.eval-result[data-v-7a1a5897]{padding:2px 6px;background:var(--accent-green);color:#000;border-radius:3px;font-size:9px;font-weight:600}.eval-error-msg[data-v-7a1a5897]{color:var(--accent-red);font-size:10px}@media(max-width:768px){.test-panel-overlay[data-v-7a1a5897]{padding:8px}.test-panel[data-v-7a1a5897]{max-height:95vh}.results-table[data-v-7a1a5897]{font-size:11px}.col-id[data-v-7a1a5897],.col-rule[data-v-7a1a5897]{display:none}}.toast-container[data-v-d586956d]{position:fixed;bottom:20px;right:20px;z-index:1001;display:flex;flex-direction:column;gap:8px}.toast[data-v-d586956d]{padding:12px 16px;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #0000004d;font-size:13px;max-width:300px}.toast-success[data-v-d586956d]{border-color:var(--accent-green);background:#56d3641a}.toast-error[data-v-d586956d]{border-color:var(--accent-red);background:#ff7b721a}.toast-info[data-v-d586956d]{border-color:var(--accent);background:#79c0ff1a}.toast-enter-active[data-v-d586956d]{animation:slideIn-d586956d .2s ease-out}.toast-leave-active[data-v-d586956d]{animation:slideOut-d586956d .2s ease-in}@keyframes slideIn-d586956d{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut-d586956d{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.header-brand{display:flex;align-items:center;gap:.5rem}.brand-title{font-family:Outfit,system-ui,sans-serif;font-size:1.25rem;font-weight:600;color:#f1f5f9;letter-spacing:-.02em}.brand-accent{color:#2563eb}.header-nav{display:flex;gap:.5rem}.nav-link{padding:.5rem 1rem;border-radius:8px;color:#cbd5e1;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s}.nav-link[data-page=chat]{position:relative;background:linear-gradient(90deg,#ff6b6b,#feca57,#48dbfb,#ff9ff3,#54a0ff,#5f27cd,#ff6b6b);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:rainbow-nav 6s linear infinite;font-weight:600}.nav-link[data-page=chat]:hover{filter:brightness(1.2)}@keyframes rainbow-nav{0%{background-position:0% center}to{background-position:200% center}}.nav-link:hover{background:#2563eb1a;color:#f1f5f9}.nav-link.active{background:#2563eb33;color:#3b82f6}.btn-divider{width:1px;height:20px;background:var(--border);margin:0 4px}.btn-ai{background:linear-gradient(90deg,#ff6b6b,#feca57,#48dbfb,#ff9ff3,#54a0ff,#5f27cd,#ff6b6b);background-size:300% 100%;border-color:transparent;color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3);animation:rainbow 6s linear infinite}.btn-ai:hover{filter:brightness(1.1)}@keyframes rainbow{0%{background-position:0% 50%}to{background-position:300% 50%}}.btn-test{background:#56d36426;border-color:var(--accent-green);color:var(--accent-green);font-weight:600}.btn-test:hover{background:#56d36440}.test-badge{font-size:10px;padding:1px 5px;border-radius:8px;background:var(--accent-orange);color:#000;font-weight:700}.test-badge-perfect{background:var(--accent-green)}.btn-help{width:32px;padding:6px;font-weight:700}.btn-theme-toggle{width:36px;height:36px;border-radius:50%;background:transparent;border:1px solid #334155;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#94a3b8;flex-shrink:0;margin-left:.25rem}.btn-theme-toggle:hover{border-color:var(--accent);color:#f1f5f9;transform:scale(1.05)}.btn-theme-toggle svg{width:18px;height:18px;transition:transform .3s ease}.btn-theme-toggle:hover svg{transform:rotate(15deg)}.output-stats{font-size:11px;color:var(--text-muted);margin-left:auto}.header-desktop-actions{display:contents}.btn-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:36px;height:36px;background:transparent;border:1px solid var(--border);border-radius:8px;cursor:pointer;padding:8px 6px;flex-shrink:0}.btn-hamburger span{display:block;width:18px;height:2px;background:var(--text-muted);border-radius:1px;transition:background .2s}.btn-hamburger:hover span{background:var(--text)}.mobile-menu{display:none}@media(max-width:1200px){.header-actions{gap:4px}.btn-divider{display:none}}@media(max-width:768px){.btn-hamburger{display:flex}.header-desktop-actions{display:none}.app-header{flex-wrap:wrap;position:relative}.header-actions{flex-wrap:wrap;justify-content:flex-end}.mobile-menu{display:flex;flex-direction:column;position:absolute;top:100%;right:0;z-index:600;min-width:200px;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0000004d;padding:6px 0;margin-top:4px}.mobile-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;background:none;border:none;color:var(--text);font-size:14px;cursor:pointer;text-align:left;transition:background .15s}.mobile-menu button:hover{background:#ffffff0d}.mobile-menu button:disabled{opacity:.4;cursor:not-allowed}.mobile-menu hr{border:none;border-top:1px solid var(--border);margin:4px 0}}@media(max-width:480px){.header-nav{display:none}}.vue-flow{position:relative;width:100%;height:100%;overflow:hidden;z-index:0;direction:ltr}.vue-flow__container{position:absolute;height:100%;width:100%;left:0;top:0}.vue-flow__pane{z-index:1}.vue-flow__pane.draggable{cursor:grab}.vue-flow__pane.selection{cursor:pointer}.vue-flow__pane.dragging{cursor:grabbing}.vue-flow__transformationpane{transform-origin:0 0;z-index:2;pointer-events:none}.vue-flow__viewport{z-index:4;overflow:clip}.vue-flow__selection{z-index:6}.vue-flow__edge-labels{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible{outline:none}.vue-flow .vue-flow__edges{pointer-events:none;overflow:visible}.vue-flow__edge-path,.vue-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.vue-flow__edge{pointer-events:visibleStroke;cursor:pointer}.vue-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.vue-flow__edge.animated path.vue-flow__edge-interaction{stroke-dasharray:none;animation:none}.vue-flow__edge.inactive{pointer-events:none}.vue-flow__edge.selected,.vue-flow__edge:focus,.vue-flow__edge:focus-visible{outline:none}.vue-flow__edge.selected .vue-flow__edge-path,.vue-flow__edge:focus .vue-flow__edge-path,.vue-flow__edge:focus-visible .vue-flow__edge-path{stroke:#555}.vue-flow__edge-textwrapper{pointer-events:all}.vue-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-flow__connection{pointer-events:none}.vue-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.vue-flow__connectionline{z-index:1001}.vue-flow__nodes{pointer-events:none;transform-origin:0 0}.vue-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}.vue-flow__node.draggable{cursor:grab;pointer-events:all}.vue-flow__node.draggable.dragging{cursor:grabbing}.vue-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.vue-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.vue-flow__nodesselection-rect.dragging{cursor:grabbing}.vue-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px}.vue-flow__handle.connectable{pointer-events:all;cursor:crosshair}.vue-flow__handle-bottom{left:50%;bottom:0;transform:translate(-50%,50%)}.vue-flow__handle-top{left:50%;top:0;transform:translate(-50%,-50%)}.vue-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.vue-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.vue-flow__edgeupdater{cursor:move;pointer-events:all}.vue-flow__panel{position:absolute;z-index:5;margin:15px}.vue-flow__panel.top{top:0}.vue-flow__panel.bottom{bottom:0}.vue-flow__panel.left{left:0}.vue-flow__panel.right{right:0}.vue-flow__panel.center{left:50%;transform:translate(-50%)}@keyframes dashdraw{0%{stroke-dashoffset:10}}:root{--vf-node-bg: #fff;--vf-node-text: #222;--vf-connection-path: #b1b1b7;--vf-handle: #555}.vue-flow__edge.updating .vue-flow__edge-path{stroke:#777}.vue-flow__edge-text{font-size:10px}.vue-flow__edge-textbg{fill:#fff}.vue-flow__connection-path{stroke:var(--vf-connection-path)}.vue-flow__node{cursor:grab}.vue-flow__node.selectable:focus,.vue-flow__node.selectable:focus-visible{outline:none}.vue-flow__node-default,.vue-flow__node-input,.vue-flow__node-output{padding:10px;border-radius:3px;width:150px;font-size:12px;text-align:center;border-width:1px;border-style:solid;color:var(--vf-node-text);background-color:var(--vf-node-bg);border-color:var(--vf-node-color)}.vue-flow__node-default.selected,.vue-flow__node-default.selected:hover,.vue-flow__node-input.selected,.vue-flow__node-input.selected:hover,.vue-flow__node-output.selected,.vue-flow__node-output.selected:hover{box-shadow:0 0 0 .5px var(--vf-box-shadow)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible,.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible,.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{outline:none;border:1px solid #555}.vue-flow__node-default .vue-flow__handle,.vue-flow__node-input .vue-flow__handle,.vue-flow__node-output .vue-flow__handle{background:var(--vf-handle)}.vue-flow__node-default.selectable:hover,.vue-flow__node-input.selectable:hover,.vue-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.vue-flow__node-input{--vf-node-color: var(--vf-node-color, #0041d0);--vf-handle: var(--vf-node-color, #0041d0);--vf-box-shadow: var(--vf-node-color, #0041d0);background:var(--vf-node-bg);border-color:var(--vf-node-color, #0041d0)}.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible{outline:none;border:1px solid var(--vf-node-color, #0041d0)}.vue-flow__node-default{--vf-handle: var(--vf-node-color, #1a192b);--vf-box-shadow: var(--vf-node-color, #1a192b);background:var(--vf-node-bg);border-color:var(--vf-node-color, #1a192b)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible{outline:none;border:1px solid var(--vf-node-color, #1a192b)}.vue-flow__node-output{--vf-handle: var(--vf-node-color, #ff0072);--vf-box-shadow: var(--vf-node-color, #ff0072);background:var(--vf-node-bg);border-color:var(--vf-node-color, #ff0072)}.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{outline:none;border:1px solid var(--vf-node-color, #ff0072)}.vue-flow__nodesselection-rect,.vue-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible,.vue-flow__selection:focus,.vue-flow__selection:focus-visible{outline:none}.vue-flow__handle{width:6px;height:6px;background:var(--vf-handle);border:1px solid #fff;border-radius:100%}.vue-flow__controls{box-shadow:0 0 2px 1px #00000014}.vue-flow__controls-button{background:#fefefe;border:none;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;user-select:none;padding:5px}.vue-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.vue-flow__controls-button:hover{background:#f4f4f4}.vue-flow__controls-button:disabled{pointer-events:none}.vue-flow__controls-button:disabled svg{fill-opacity:.4}:root{--bg-dark: #3b4f64;--bg-panel: #465a6e;--bg-node: #506878;--bg-input: #3b4f64;--border: #5e7085;--border-light: #5e7085;--text: #e8ecf1;--text-muted: #a0aec0;--accent: #7b9ec7;--accent-green: #68b88e;--accent-orange: #d4a94e;--accent-purple: #bc8cff;--accent-red: #e07070;--shadow: rgba(0, 0, 0, .3);--hover-overlay: rgba(255, 255, 255, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-dark);color:var(--text);line-height:1.5}#app{height:100vh;display:flex;flex-direction:column}.app-layout{display:grid;grid-template-columns:240px 1fr 280px;grid-template-rows:auto 1fr auto;height:100vh;gap:0}.app-header{grid-column:1 / -1;background:#344759;border-bottom:1px solid #5e7085;padding:8px 16px;display:flex;align-items:center;gap:16px}.app-header h1{font-size:16px;font-weight:600;color:var(--text)}.header-actions{display:flex;gap:8px;margin-left:auto}.sidebar{background:var(--bg-panel);border-right:1px solid var(--border);overflow-y:auto;display:flex;flex-direction:column}.sidebar-right{border-right:none;border-left:1px solid var(--border)}.sidebar-wrapper{display:contents}.mobile-overlay-backdrop{display:none}.sidebar-header{padding:12px 16px;border-bottom:1px solid var(--border);font-weight:600;font-size:13px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.search-input{width:100%;padding:8px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px}.search-input:focus{outline:none;border-color:var(--accent)}.search-input::placeholder{color:var(--text-muted)}.category{border-bottom:1px solid var(--border-light)}.category-header{padding:10px 16px;display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;font-weight:500}.category-header:hover{background:var(--hover-overlay)}.category-arrow{font-size:10px;transition:transform .2s}.category.open .category-arrow{transform:rotate(90deg)}.category-count{margin-left:auto;font-size:11px;color:var(--text-muted);background:var(--bg-input);padding:2px 6px;border-radius:10px}.category-items{display:none;padding:4px 8px 8px}.category.open .category-items{display:block}.palette-node{padding:8px 12px;margin:4px 0;background:var(--bg-node);border:1px solid var(--border-light);border-left:3px solid var(--accent);border-radius:6px;cursor:grab;font-size:12px;transition:transform .15s,box-shadow .15s}.palette-node:hover{transform:translate(4px);box-shadow:0 2px 8px var(--shadow)}.palette-node:active{cursor:grabbing}.palette-node .method-badge{display:inline-block;font-size:9px;font-weight:600;padding:2px 4px;border-radius:3px;margin-right:6px}.method-get{background:var(--accent-green);color:#000}.method-post{background:var(--accent-orange);color:#000}.method-put{background:var(--accent-purple);color:#000}.method-delete{background:var(--accent-red);color:#000}.method-rule{background:var(--accent);color:#000}.canvas-container{position:relative;background:var(--bg-dark);overflow:hidden}.vue-flow,.vue-flow__background{background:var(--bg-dark)}.vue-flow__edge-path{stroke:var(--border);stroke-width:2}.vue-flow__edge.selected .vue-flow__edge-path{stroke:var(--accent)}.vue-flow__controls{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 2px 8px var(--shadow)}.vue-flow__controls-button{background:var(--bg-panel);border:none;border-bottom:1px solid var(--border);color:var(--text);width:28px;height:28px}.vue-flow__controls-button:last-child{border-bottom:none}.vue-flow__controls-button:hover{background:var(--hover-overlay)}.vue-flow__controls-button svg{fill:var(--text)}.vue-flow__selection{background:#79c0ff1a;border:1px dashed var(--accent)}.custom-node{min-width:180px;background:var(--bg-node);border:2px solid var(--border);border-radius:8px;font-size:12px;box-shadow:0 2px 8px var(--shadow)}.custom-node.selected{border-color:var(--accent);box-shadow:0 0 0 2px #79c0ff4d}.node-header{padding:8px 12px;background:#0003;border-radius:6px 6px 0 0;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border-light)}.node-icon{font-size:10px;font-weight:700;padding:2px 5px;border-radius:3px;color:#000}.node-title{font-weight:500;color:var(--text);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-body{padding:8px 12px}.node-field{margin-bottom:8px}.node-field:last-child{margin-bottom:0}.node-field label{display:block;font-size:10px;color:var(--text-muted);margin-bottom:4px}.node-field input{width:100%;padding:6px 8px;background:var(--bg-input);border:1px solid var(--border-light);border-radius:4px;color:var(--text);font-size:11px}.node-field input:focus{outline:none;border-color:var(--accent)}.vue-flow__handle{width:12px;height:12px;background:var(--bg-node);border:2px solid var(--border)}.vue-flow__handle-left{left:-6px}.vue-flow__handle-right{right:-6px}.vue-flow__handle:hover{background:var(--accent)}.btn{padding:6px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-node);color:var(--text);font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .15s,border-color .15s}.btn:hover{background:var(--hover-overlay);border-color:var(--text-muted)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#000}.btn-primary:hover{background:#5aafff}.btn-danger{border-color:var(--accent-red);color:var(--accent-red)}.btn-danger:hover{background:var(--accent-red);color:#000}.properties-panel{padding:16px}.property-group{margin-bottom:16px}.property-label{display:block;font-size:11px;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.property-input{width:100%;padding:8px 10px;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px}.property-input:focus{outline:none;border-color:var(--accent)}.property-textarea{min-height:80px;resize:vertical;font-family:inherit}.output-panel{grid-column:1 / -1;background:var(--bg-panel);border-top:1px solid var(--border);max-height:200px;overflow-y:auto}.output-header{padding:8px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500}.output-content{padding:12px 16px;font-family:SF Mono,Monaco,monospace;font-size:11px;white-space:pre-wrap;color:var(--text-muted)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);text-align:center;padding:40px}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state-text{font-size:14px;margin-bottom:8px}.empty-state-hint{font-size:12px;opacity:.7}.toast-container{position:fixed;bottom:20px;right:20px;z-index:1000}.toast{padding:12px 16px;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px var(--shadow);margin-top:8px;animation:slideIn .2s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:1024px){.app-layout{grid-template-columns:200px 1fr 240px}}@media(max-width:768px){.app-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sidebar-wrapper{display:none}.sidebar-wrapper.mobile-open{display:block;position:fixed;top:0;bottom:0;width:280px;max-width:80vw;z-index:500;overflow-y:auto;box-shadow:4px 0 24px #0006;animation:slideDrawerIn .2s ease-out}.sidebar-wrapper-left.mobile-open{left:0}.sidebar-wrapper-right.mobile-open{right:0;box-shadow:-4px 0 24px #0006}.sidebar-wrapper.mobile-open .sidebar{height:100%;max-height:none;border:none}.mobile-overlay-backdrop{display:none}.sidebar-wrapper.mobile-open .mobile-overlay-backdrop{display:block;position:fixed;inset:0;background:#00000080;z-index:-1}.output-panel{display:none}.output-panel.mobile-open{display:block;position:fixed;bottom:0;left:0;right:0;max-height:60vh;z-index:500;overflow-y:auto;box-shadow:0 -4px 24px #0006;animation:slideUpIn .2s ease-out}@keyframes slideDrawerIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.sidebar-wrapper-right.mobile-open{animation-name:slideDrawerInRight}@keyframes slideDrawerInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideUpIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}}