.drawflow,.drawflow .parent-node{position:relative}.parent-drawflow{display:flex;overflow:hidden;touch-action:none;outline:0}.drawflow{width:100%;height:100%;-webkit-user-select:none;user-select:none;perspective:0}.drawflow .drawflow-node{display:flex;align-items:center;position:absolute;background:#0ff;width:160px;min-height:40px;border-radius:4px;border:2px solid #000;color:#000;z-index:2;padding:15px}.drawflow .drawflow-node.selected{background:red}.drawflow .drawflow-node:hover{cursor:move}.drawflow .drawflow-node .inputs,.drawflow .drawflow-node .outputs{width:0}.drawflow .drawflow-node .drawflow_content_node{width:100%;display:block}.drawflow .drawflow-node .input,.drawflow .drawflow-node .output{position:relative;width:20px;height:20px;background:#fff;border-radius:50%;border:2px solid #000;cursor:crosshair;z-index:1;margin-bottom:5px}.drawflow .drawflow-node .input{left:-27px;top:2px;background:#ff0}.drawflow .drawflow-node .output{right:-3px;top:2px}.drawflow svg{z-index:0;position:absolute;overflow:visible!important}.drawflow .connection{position:absolute;pointer-events:none;aspect-ratio:1/1}.drawflow .connection .main-path{fill:none;stroke-width:5px;stroke:#4682b4;pointer-events:all}.drawflow .connection .main-path:hover{stroke:#1266ab;cursor:pointer}.drawflow .connection .main-path.selected{stroke:#43b993}.drawflow .connection .point{cursor:move;stroke:#000;stroke-width:2;fill:#fff;pointer-events:all}.drawflow .connection .point.selected,.drawflow .connection .point:hover{fill:#1266ab}.drawflow .main-path{fill:none;stroke-width:5px;stroke:#4682b4}.drawflow-delete{position:absolute;display:block;width:30px;height:30px;background:#000;color:#fff;z-index:4;border:2px solid #fff;line-height:30px;font-weight:700;text-align:center;border-radius:50%;font-family:monospace;cursor:pointer}.drawflow>.drawflow-delete{margin-left:-15px;margin-top:15px}.parent-node .drawflow-delete{right:-15px;top:-15px}.qw-builder-shell{display:flex;flex-direction:column;gap:0;border-radius:1rem;overflow:hidden;border:1px solid #e2e8f0;background:#fff;box-shadow:0 10px 40px #0f172a14}.qw-builder-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(180deg,#fff,#f8fafc)}.qw-overview{padding:.875rem 1.25rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(180deg,#f8fafc,#fff)}.qw-overview-label{margin-bottom:.5rem;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#64748b}.qw-overview-track{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem .25rem}.qw-overview-step{display:inline-flex;align-items:center;gap:.5rem;max-width:220px;padding:.5rem .75rem;border:1px solid #e2e8f0;border-left:3px solid var(--step-color, #6366f1);border-radius:.625rem;background:#fff;cursor:pointer;text-align:left;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.qw-overview-step:hover{border-color:#c7d2fe;box-shadow:0 4px 12px #6366f11a;transform:translateY(-1px)}.qw-overview-step--active{border-color:var(--step-color, #6366f1);box-shadow:0 0 0 2px color-mix(in srgb,var(--step-color, #6366f1) 20%,white)}.qw-overview-step-icon{flex-shrink:0;font-size:1rem}.qw-overview-step-text{display:flex;flex-direction:column;gap:.125rem;min-width:0}.qw-overview-step-title{font-size:.8125rem;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qw-overview-step-sub{font-size:.6875rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qw-overview-arrow{color:#94a3b8;font-size:.875rem;-webkit-user-select:none;user-select:none}.qw-overview-hint{margin-top:.5rem;font-size:.6875rem;color:#94a3b8}.qw-builder{display:flex;flex-direction:column;height:calc(100vh - 14rem);min-height:520px;background:#f8fafc}.qw-builder-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1.25rem;border-bottom:1px solid #e2e8f0;background:#fff}.qw-builder-body{display:grid;grid-template-columns:240px 1fr 320px;flex:1;min-height:0}.qw-builder-palette,.qw-builder-props{background:#fff;border-right:1px solid #e2e8f0;padding:1.25rem;overflow-y:auto}.qw-builder-props{border-right:0;border-left:1px solid #e2e8f0}.qw-sidebar-title{margin-bottom:.25rem;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#64748b}.qw-sidebar-hint{margin-bottom:1rem;font-size:.75rem;color:#94a3b8}.qw-builder-canvas-wrap{position:relative;min-height:0;background:radial-gradient(circle,#cbd5e1 1px,transparent 1px) 0 0 / 24px 24px,linear-gradient(180deg,#f8fafc,#f1f5f9)}#qw-drawflow{width:100%;height:100%}.qw-palette-item{display:flex;align-items:flex-start;gap:.75rem;width:100%;padding:.75rem;margin-bottom:.625rem;border:1px solid #e2e8f0;border-left:3px solid var(--qw-palette-color, #6366f1);border-radius:.75rem;background:#fff;cursor:grab;text-align:left;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.qw-palette-item:hover:not(:disabled){border-color:#c7d2fe;box-shadow:0 4px 14px #6366f11f;transform:translateY(-1px)}.qw-palette-item:disabled{opacity:.45;cursor:not-allowed}.qw-palette-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.625rem;background:color-mix(in srgb,var(--qw-palette-color, #6366f1) 12%,white);color:var(--qw-palette-color, #6366f1);font-size:1rem;flex-shrink:0}.qw-palette-copy{display:flex;flex-direction:column;gap:.125rem;min-width:0}.qw-palette-label{font-size:.875rem;font-weight:600;color:#0f172a}.qw-palette-desc{font-size:.75rem;line-height:1.35;color:#64748b}.qw-node{min-width:220px;max-width:260px;border:2px solid var(--qw-node-color, #64748b);border-radius:.75rem;background:#fff;box-shadow:0 8px 24px #0f172a1a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.qw-node-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:color-mix(in srgb,var(--qw-node-color, #64748b) 14%,white);border-bottom:1px solid #e2e8f0;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--qw-node-color, #64748b)}.qw-node-title{padding:.75rem .875rem .375rem;font-size:.9375rem;font-weight:700;line-height:1.3;color:#0f172a;pointer-events:none;letter-spacing:-.01em}.qw-node-summary{padding:0 .875rem .75rem;font-size:.8125rem;line-height:1.4;font-weight:500;color:#334155;pointer-events:none}.drawflow .drawflow_content_node{font-family:inherit}.drawflow .drawflow-node{background:transparent;border:none;width:auto;min-width:0;padding:0}.drawflow .drawflow-node.selected{background:transparent}.drawflow .drawflow-node.selected .qw-node{box-shadow:0 0 0 3px color-mix(in srgb,var(--qw-node-color, #6366f1) 25%,white)}.drawflow .connection .main-path{stroke:#6366f1;stroke-width:2.5px}.qw-field{display:flex;flex-direction:column;gap:.375rem;margin-bottom:.875rem}.qw-field label,.qw-checkbox-label{font-size:.75rem;font-weight:600;color:#475569}.qw-checkbox-label{display:flex;align-items:center;gap:.5rem}.qw-field input,.qw-field textarea,.qw-field select{border:1px solid #cbd5e1;border-radius:.5rem;padding:.625rem .75rem;font-size:.875rem;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.qw-field input:focus,.qw-field textarea:focus,.qw-field select:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 3px #6366f126}.qw-props-panel{display:flex;flex-direction:column;gap:.25rem}.qw-props-type{margin-bottom:.75rem;font-size:.8125rem;font-weight:600;color:var(--step-color, #4f46e5)}.qw-props-section{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f1f5f9}.qw-props-section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.qw-props-section-title{margin-bottom:.75rem;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#64748b}.qw-field-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;font-size:.75rem;font-weight:600;color:#475569}.qw-field-card{margin-bottom:.625rem;padding:.625rem;border:1px solid #e2e8f0;border-radius:.5rem;background:#f8fafc}.qw-field-row{display:flex;gap:.375rem;margin-bottom:.375rem}.qw-field-row--2{display:grid;grid-template-columns:1fr 1fr}.qw-btn-mini{flex-shrink:0;padding:.25rem .5rem;border:1px solid #cbd5e1;border-radius:.375rem;background:#fff;font-size:.75rem;font-weight:600;color:#475569;cursor:pointer}.qw-btn-mini:hover{background:#f1f5f9}.qw-btn-mini--danger{color:#dc2626;border-color:#fecaca}.qw-btn-mini--danger:hover{background:#fef2f2}.qw-edge-card{margin-bottom:.625rem;padding:.625rem;border:1px solid #e2e8f0;border-radius:.5rem;background:#fafafa}.qw-edge-target{margin-bottom:.5rem;font-size:.8125rem;font-weight:600;color:#334155}.qw-builder-warnings{display:flex;flex-direction:column;gap:.375rem;padding:.75rem 1.25rem;border-bottom:1px solid #fde68a;background:#fffbeb}.qw-warnings{display:flex;flex-direction:column;gap:.375rem;margin-bottom:.75rem}.qw-warnings--empty{margin-top:1rem;margin-bottom:0}.qw-warning{margin:0;padding:.5rem .625rem;border-radius:.5rem;border:1px solid #fcd34d;background:#fffbeb;font-size:.75rem;line-height:1.35;color:#92400e}.qw-warning--inline{margin-top:.5rem}.qw-callout{margin-bottom:.75rem;padding:.75rem;border-radius:.5rem;border:1px solid #c7d2fe;background:#eef2ff}.qw-callout-title{margin:0 0 .375rem;font-size:.75rem;font-weight:600;color:#3730a3}.qw-callout-text{margin:0 0 .5rem;font-size:.6875rem;line-height:1.45;color:#4338ca}.qw-callout-text--muted{color:#6366f1}.qw-callout-list{margin:0 0 .5rem 1rem;padding:0;font-size:.6875rem;line-height:1.45;color:#312e81}.qw-btn-sm{padding:.375rem .625rem;font-size:.6875rem}.qw-hint{margin:-.25rem 0 .75rem;font-size:.6875rem;color:#94a3b8}.qw-hint code{padding:.125rem .25rem;border-radius:.25rem;background:#f1f5f9;font-size:.6875rem}.qw-props-empty{padding:1rem;border-radius:.75rem;background:#f8fafc;border:1px dashed #cbd5e1}.qw-btn{display:inline-flex;align-items:center;gap:.375rem;border-radius:.5rem;padding:.5rem .875rem;font-size:.875rem;font-weight:600;transition:background .15s ease,border-color .15s ease}.qw-btn-primary{background:#4f46e5;color:#fff;border:1px solid #4338ca}.qw-btn-primary:hover:not(:disabled){background:#4338ca}.qw-btn-primary:disabled{opacity:.6;cursor:not-allowed}.qw-btn-outline{border:1px solid #cbd5e1;background:#fff;color:#334155}.qw-btn-outline:hover{background:#f8fafc;border-color:#94a3b8}.qw-toast{position:fixed;right:1.25rem;bottom:1.25rem;z-index:50;padding:.875rem 1.125rem;border-radius:.75rem;background:#0f172a;color:#fff;font-size:.875rem;box-shadow:0 12px 32px #0f172a40}