:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f8fb;--panel:#fff;--line:#dfe4ec;--text:#111827;--muted:#667085;--blue:#2563eb;--green:#047857;--red:#b42318}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}a{color:inherit}.shell{min-height:100vh;padding:0}.legacyEditorFrame{background:#fff;outline:none;flex-direction:column;height:100vh;display:flex}.legacyEditorHeader{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;height:56px;padding:0 16px;display:flex}.legacyHeaderLeft,.legacyHeaderRight,.headerButtonGroup,.legacyProjectInfo{align-items:center;display:flex}.legacyHeaderLeft{gap:12px;min-width:0}.legacyHeaderRight{flex:none;gap:10px}.legacyProjectInfo{gap:10px;min-width:0}.backButton{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;line-height:1;display:inline-flex}.backButton:hover{background:#f8fafc}.headerButtonGroup{border-left:1px solid #e2e8f0;gap:6px;padding-left:10px}.headerButtonGroup:first-child{border-left:0;padding-left:0}.headerButtonGroup button{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:6px;height:32px;padding:0 12px;font-size:13px;font-weight:500;transition:all .2s}.headerButtonGroup button:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.headerButtonGroup button:disabled{cursor:not-allowed;opacity:.48}.headerButtonGroup .primaryRunButton{color:#fff;background:#2563eb;border-color:#2563eb;justify-content:center;min-width:76px}.headerButtonGroup .primaryRunButton:hover:not(:disabled){color:#fff;background:#1d4ed8;border-color:#1d4ed8}.topbar{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:20px;height:56px;padding:0 16px;display:flex}.eyebrow{color:var(--muted);text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:600}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:22px}.status{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}.editorShell{flex:1;height:auto;min-height:640px;margin-top:0;display:flex;position:relative;overflow:hidden}.nodeLibraryPanel,.workflowEditorMain,.propertyPanel{background:var(--panel);border:0;border-radius:0;min-height:0}.nodeLibraryPanel,.propertyPanel{flex-direction:column;padding:0;display:flex}.nodeLibraryPanel{border-right:1px solid #e2e8f0;flex:0 0 280px;grid-template-columns:58px minmax(0,1fr);width:280px;display:grid;overflow:hidden}.nodeLibraryContent{background:#fff;flex-direction:column;min-width:0;min-height:0;display:flex}.propertyPanel{z-index:50;opacity:0;pointer-events:none;border-left:1px solid #e2e8f0;width:min(360px,100vw - 260px);transition:transform .2s,opacity .2s;position:absolute;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:0 20px 25px -5px #0f172a1a,0 8px 10px -6px #0f172a1a}.propertyPanel.open{opacity:1;pointer-events:auto;transform:translate(0)}.panelTitle{border-bottom:1px solid #e2e8f0;flex:0 0 56px;justify-content:space-between;align-items:center;gap:12px;height:56px;padding:0 20px;display:flex}.panelTitle h3{color:#111827;margin:0;font-size:14px;font-weight:600}.panelTitle small{color:#94a3b8;margin-top:2px;font-size:11px;font-weight:600;display:block}.panelTitle span{color:#64748b;background:#f1f5f9;border-radius:4px;padding:3px 7px;font-size:11px;font-weight:600}.panelTitleActions{align-items:center;gap:8px;display:inline-flex}.panelCloseButton{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:20px;line-height:1;display:inline-flex}.panelCloseButton:hover{color:#475569;background:#f1f5f9}.nodeSearch,.propertyForm input,.propertyForm select{border:1px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:8px;outline:none;padding:9px 10px}.nodeSearchBox{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:8px;width:calc(100% - 32px);margin:12px 16px;padding:6px 10px;transition:all .2s;display:flex}.nodeLibraryOptions{border-bottom:1px solid #f1f5f9;gap:7px;padding:10px 0;display:grid}.nodeLibraryOptions .nodeSearchBox{margin-top:0;margin-bottom:0}.nodeLibraryMeta{justify-content:space-between;align-items:center;gap:10px;width:calc(100% - 32px);margin:0 16px;display:flex}.nodeLibraryMeta strong{color:#334155;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.nodeLibraryMeta span{color:#64748b;background:#f1f5f9;border-radius:4px;flex:none;padding:2px 6px;font-size:11px;font-weight:700}.nodeModuleRail{background:#f8fafc;border-right:1px solid #e2e8f0;flex-direction:column;gap:6px;min-height:0;padding:10px 8px;display:flex}.nodeModuleRail button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:42px;min-height:38px;padding:0;font-size:11px;font-weight:700;transition:all .18s}.nodeModuleRail button:hover{color:#334155;background:#fff;border-color:#cbd5e1}.nodeModuleRail button.active{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 6px 14px #2563eb38}.nodeModuleRail button span{line-height:1.15;display:block}.advancedToggle{color:#64748b;cursor:pointer;align-items:center;gap:8px;width:calc(100% - 32px);margin:0 16px;font-size:12px;font-weight:700;display:inline-flex}.advancedToggle input{accent-color:#2563eb;width:14px;height:14px}.nodeSearchBox:focus-within{background:#fff;border-color:#2563eb;box-shadow:0 0 0 2px #dbeafe}.nodeSearchBox span{color:#94a3b8;font-size:14px}.nodeSearch{background:0 0;border:0;border-radius:0;width:100%;padding:0;font-size:13px}.nodeSearch:focus{box-shadow:none}.propertyForm input:focus,.propertyForm select:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb1f}.nodeLibraryGroups{flex:1;align-content:start;gap:4px;min-height:0;padding:0 12px 20px;display:grid;overflow:auto}.nodeLibraryEmpty{padding:12px 16px}.nodeLibraryGroup{gap:4px;margin-bottom:4px;display:grid}.nodeLibraryGroupTitle{background:var(--panel);color:#334155;text-align:left;cursor:pointer;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px 12px;display:flex}.nodeLibraryGroupTitle:hover{color:#0f172a;background:#f1f5f9}.nodeLibraryGroupTitle.active{color:#2563eb;background:#f8fafc;font-weight:600}.nodeLibraryGroupTitle strong{font-size:14px;font-weight:500}.nodeLibraryGroupTitle span{color:var(--muted);margin-left:auto;font-size:12px;font-weight:800}.nodeLibraryGroupTitle em{color:#94a3b8;font-size:16px;font-style:normal;transition:transform .16s;transform:rotate(0)}.nodeLibraryGroupTitle.active em{color:#2563eb;transform:rotate(90deg)}.nodeLibraryItem{width:100%;min-height:48px;color:var(--text);text-align:left;cursor:grab;background:#fff;border:1px solid #0000;border-radius:6px;gap:2px;padding:8px 12px;transition:all .2s;display:grid}.nodeLibraryItem:hover{background:#fff;border-color:#e2e8f0;transform:translate(2px);box-shadow:0 1px 2px #0f172a0f}.nodeLibraryItem.templateItem{background:#eff6ff;border-color:#bfdbfe}.nodeLibraryItem.templateItem:hover{background:#dbeafe;border-color:#60a5fa}.nodeLibraryItem strong,.nodeLibraryItem code,.nodeLibraryItem small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nodeLibraryItem strong{color:#334155;font-size:13px;font-weight:500}.nodeLibraryItem code{color:#64748b;font-size:10px}.nodeLibraryItem small{color:#94a3b8;font-size:11px;line-height:1.25}.workflowEditorMain{background:#fafafa;flex:1;min-width:0;position:relative;overflow:hidden}.projectRow{align-items:center;gap:8px;display:flex}.projectRow select,.projectRow input{color:#111827;background:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;height:32px;padding:0 10px;font-size:13px}.projectRow input{min-width:220px;font-weight:700}.projectRow select:focus,.projectRow input:focus{border-color:#93c5fd;box-shadow:0 0 0 2px #2563eb1a}.project-status{color:#047857;background:#f0fdf4;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.status-dot{background:currentColor;border-radius:999px;width:6px;height:6px}.editableCanvas{background-color:#fafafa;background-image:linear-gradient(#e5e7eb 1px,#0000 1px),linear-gradient(90deg,#e5e7eb 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;width:100%;height:100%;min-height:0;position:relative}.canvasStatusBar{z-index:5;pointer-events:none;gap:8px;display:flex;position:absolute;top:12px;right:12px}.canvasStatusBar span{color:#475569;background:#ffffffeb;border:1px solid #e2e8f0;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;box-shadow:0 4px 10px #0f172a0f}.floatingEditorControls{z-index:6;background:#fff;border:1px solid #e2e8f0;border-radius:8px;gap:2px;padding:4px;display:grid;position:absolute;bottom:12px;left:12px;box-shadow:0 8px 18px #0f172a1f}.floatingEditorControls button{color:#475569;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:inline-flex}.floatingEditorControls button:hover:not(:disabled){color:#1e293b;background:#f1f5f9}.floatingEditorControls button:disabled{cursor:not-allowed;opacity:.42}.floatingEditorControls span{background:#e2e8f0;height:1px;margin:2px 4px}.executionLogPanel{z-index:1000;color:#e2e8f0;opacity:0;pointer-events:none;background:#0f172af2;border:1px solid #ffffff1a;border-radius:8px;width:600px;max-width:90vw;font-family:JetBrains Mono,Consolas,monospace;transition:all .3s;position:fixed;bottom:20px;left:50%;overflow:hidden;transform:translate(-50%,100%);box-shadow:0 10px 25px #0003}.executionLogPanel.visible{opacity:1;pointer-events:auto;transform:translate(-50%)}.executionLogPanel.collapsed{width:300px;bottom:10px}.executionLogPanelHeader{cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;height:40px;padding:8px 12px;display:flex}.executionLogPanel.collapsed .executionLogPanelHeader{border-bottom:0}.executionStatusBlock{align-items:center;gap:8px;display:flex}.executionStatusBlock strong{color:#cbd5e1;font-size:13px;font-weight:600}.executionStatusDot{background:#64748b;border-radius:999px;width:8px;height:8px}.executionStatusDot.running{background:#3b82f6;box-shadow:0 0 8px #3b82f6}.executionStatusDot.success{background:#22c55e;box-shadow:0 0 8px #22c55e}.executionStatusDot.error{background:#ef4444;box-shadow:0 0 8px #ef4444}.executionLogActions{gap:8px;display:flex}.executionLogActions button{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:4px;font-size:12px}.executionLogActions button:hover{color:#fff;background:#ffffff1a}.executionLogPanelContent{height:220px;padding:10px;font-size:12px;line-height:1.5;overflow-y:auto}.executionLogPanelItem{border-radius:4px;gap:8px;margin-bottom:4px;padding:2px 4px;display:flex}.executionLogPanelItem:hover{background:#ffffff0d}.executionLogPanelItem span{color:#64748b;flex:none}.executionLogPanelItem p{color:#cbd5e1;margin:0}.executionLogPanelItem.success p{color:#86efac}.executionLogPanelItem.warning p{color:#fdba74}.executionLogPanelItem.error p{color:#fca5a5}.emptyLog{color:#64748b;padding:8px}.contextMenu{z-index:80;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:150px;padding:4px;position:fixed;overflow:hidden;box-shadow:0 12px 30px #0f172a29}.contextMenu button{color:#334155;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;width:100%;min-height:32px;padding:0 10px;font-size:13px;display:block}.contextMenu button:hover:not(:disabled){background:#f1f5f9}.contextMenu button.danger{color:#dc2626}.contextMenu button.danger:hover:not(:disabled){background:#fef2f2}.contextMenu hr{background:#e2e8f0;border:0;height:1px;margin:4px 0}.contextMenu button:disabled{opacity:.45;cursor:not-allowed}.react-flow__minimap,.react-flow__controls{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0f172a14}.react-flow__controls-button{color:#475569;border-bottom-color:#e2e8f0}.react-flow__edge-path{pointer-events:visibleStroke}.edgeActions{pointer-events:all;align-items:center;gap:4px;display:inline-flex;position:absolute}.edgeActions span{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:999px;align-items:center;height:20px;padding:0 7px;font-size:11px;line-height:1;display:inline-flex;box-shadow:0 2px 4px #0f172a1a}.edgeActions button{color:#fff;cursor:pointer;background:#ef4444;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:16px;line-height:1;transition:transform .2s,background .2s;display:inline-flex;box-shadow:0 2px 4px #0f172a24}.edgeActions button:hover{background:#dc2626;transform:scale(1.1)}.editorFlowNode{background:#fff;border:1px solid #e2e8f0;border-radius:10px;gap:0;width:220px;min-width:200px;padding:0;transition:all .2s;display:flex;position:relative;overflow:visible;box-shadow:0 1px 2px #0f172a0f}.editorFlowNode:hover{border-color:#cbd5e1;box-shadow:0 4px 10px #0f172a1a}.editorFlowNode .react-flow__handle{opacity:1;width:24px;height:24px;box-shadow:none!important;background:0 0!important;border:0!important}.editorFlowNode .react-flow__handle:after{content:"";box-sizing:border-box;background:#2563eb;border:2px solid #fff;border-radius:999px;width:7px;height:7px;transition:background .15s,box-shadow .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0f172a38}.editorFlowNode .react-flow__handle:hover:after,.editorFlowNode .react-flow__handle.connectingfrom:after,.editorFlowNode .react-flow__handle.connectingto:after{background:#1d4ed8;box-shadow:0 0 0 3px #2563eb24}.editorFlowNode .react-flow__handle-left{left:0}.editorFlowNode .react-flow__handle-right{right:0}.editorFlowNode .executionHandle:after{background:#f97316;width:6px;height:6px}.editorFlowNode .executionHandle:hover:after,.editorFlowNode .executionHandle.connectingfrom:after,.editorFlowNode .executionHandle.connectingto:after{background:#ea580c;box-shadow:0 0 0 3px #f9731629}.editorFlowNode .executionInputHandle{top:-12px}.editorFlowNode .executionOutputHandle{bottom:-12px}.nodeAccent{border-top-left-radius:10px;border-bottom-left-radius:10px;flex:0 0 4px;width:4px;margin:-1px 0 -1px -1px}.nodeContentWrapper{flex-direction:column;flex:1;min-width:0;display:flex}.nodeHeader{justify-content:space-between;align-items:center;gap:8px;padding:10px 10px 6px 12px;display:flex}.nodeTitleRow{align-items:center;gap:8px;min-width:0;display:flex}.nodeIcon{flex:none;font-size:14px}.nodeHeaderActions{opacity:0;align-items:center;gap:2px;transition:opacity .2s;display:flex}.editorFlowNode:hover .nodeHeaderActions,.editorFlowNode.selected .nodeHeaderActions{opacity:1}.nodeSettingsButton,.nodeDeleteButton{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;min-width:20px;height:20px;font-size:13px;font-weight:700;line-height:1;transition:all .2s;display:inline-flex}.nodeSettingsButton{width:20px;padding:0;font-size:13px}.nodeSettingsButton:hover{color:#475569;background:#f1f5f9}.nodeDeleteButton:hover{color:#dc2626;background:#fee2e2}.editorFlowNode.selected{background:#fff;border-color:#2563eb;box-shadow:0 0 0 2px #dbeafe}.editorFlowNode.hasIssue{background:#fff7ed;border-color:#f97316}.nodeMetaRow{justify-content:space-between;align-items:center;gap:8px;padding:0 10px 6px 12px;display:flex}.nodeMetaRow b{color:#9a3412;background:#fed7aa;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;font-size:11px;display:inline-flex}.nodeMetaRow span{color:#64748b;background:#f8fafc;border-radius:4px;width:fit-content;max-width:100%;padding:2px 6px;font-size:9px;font-weight:700}.editorFlowNode strong,.editorFlowNode code,.nodeSummaryRow span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.editorFlowNode strong{color:#1e293b;font-size:13px;font-weight:600}.editorFlowNode code{color:#64748b;padding:0 10px 10px 12px;font-size:9px;display:block}.nodeBody{gap:4px;padding:2px 10px 8px 12px;display:grid}.nodeSummaryRow{background:#f8fafc;border-radius:6px;grid-template-columns:minmax(50px,.58fr) minmax(0,1fr);align-items:center;gap:8px;min-height:24px;padding:4px 7px;display:grid;position:relative}.nodeSummaryRow.expression{background:#eef6ff;box-shadow:inset 3px 0 #60a5fa}.targetDynamicHandle{background:0 0!important;border:0!important;width:24px!important;height:24px!important;top:50%!important;left:-24px!important;transform:translateY(-50%)!important}.nodeSummaryRow label{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.nodeSummaryRow span{color:#334155;text-align:right;min-width:0;font-size:11px}.nodeSummaryRow.expression span{color:#1d4ed8;font-weight:800}.templateScaleRow{color:#1e3a8a;background:#eef6ff;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;min-height:24px;padding:4px 7px;display:flex}.templateScaleRow span,.templateScaleRow strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.templateScaleRow span{color:#64748b;font-weight:700}.templateScaleRow strong{text-align:right}.nodeEmptyState{color:#94a3b8;text-align:center;background:#f8fafc;border-radius:6px;padding:8px;font-size:12px}.propertyPanel{grid-template-rows:auto auto minmax(0,1fr)}.panelTabs{border-bottom:1px solid #f1f5f9;flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px 16px;display:grid}.panelTabs button{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;min-height:30px;font-size:12px;font-weight:800}.panelTabs button.active{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.selectedNodeHeader{border-bottom:1px solid #edf0f5;flex:none;gap:7px;padding:14px 16px;display:grid}.propertyPanelBody{overscroll-behavior:contain;flex:1;align-content:start;min-height:0;display:grid;overflow:auto}.selectedNodeHeader strong,.selectedNodeHeader code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.selectedNodeHeader strong{font-size:14px}.selectedNodeHeader code{color:#64748b;font-size:11px}.selectedNodeHeader p,.emptyHint{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.selectedNodeHeader p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.propertyForm{flex-direction:column;align-content:start;gap:10px;padding:12px 16px 24px;display:flex}.sectionPreviewPanel{background:#fff;border:1px solid #dbe3ef;border-radius:8px;flex:none;overflow:hidden}.sectionPreviewCanvas{background:linear-gradient(#f8fafc,#fff);justify-content:center;align-items:center;height:118px;padding:10px;display:flex}.sectionPreviewCanvas svg{width:100%;height:100%}.sectionPreviewMeta{border-top:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:10px;padding:7px 10px;display:flex}.sectionPreviewMeta strong{color:#334155;font-size:12px;font-weight:800}.sectionPreviewMeta span{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;overflow:hidden}.propertySection{background:#fff;border:0;border-radius:0;flex:none;overflow:visible}.propertySection h4{color:#64748b;align-items:center;gap:8px;margin:2px 0 8px;font-size:11px;font-weight:800;display:flex}.propertySection h4:after{content:"";background:#edf0f5;flex:1;height:1px}.propertySectionBody{gap:9px;padding:0;display:grid}.propertyHelpSection{background:#f0f7ff;border:1px solid #d0e3f7;border-radius:6px;overflow:hidden}.propertyHelpHeader{color:#1e6bb8;align-items:center;gap:6px;padding:8px 10px;display:flex}.propertyHelpHeader span{font-size:14px}.propertyHelpHeader strong{flex:1;font-size:13px;font-weight:600}.propertyHelpHeader em{color:#8bb5db;font-size:11px;font-style:normal}.propertyHelpSection p{color:#3b6a9a;margin:0;padding:0 10px 10px;font-size:12px;line-height:1.6}.propertyForm label{gap:5px;display:grid}.propertyForm label span{color:#475569;font-size:12px;font-weight:700}.propertyInputMeta{color:#64748b;align-items:center;gap:6px;min-width:0;margin-top:-1px;font-size:10px;line-height:1.3;display:flex}.propertyInputMeta b{color:#475569;background:#f1f5f9;border-radius:999px;flex:none;padding:2px 6px;font-size:10px;font-weight:900}.propertyInputMeta.connected b{color:#1d4ed8;background:#dbeafe}.propertyInputMeta.manual b{color:#15803d;background:#dcfce7}.propertyInputMeta.expression b{color:#1d4ed8;background:#dbeafe}.propertyInputMeta.missing b{color:#b91c1c;background:#fee2e2}.propertyInputMeta em{color:#64748b;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-style:normal;overflow:hidden}.propertyUnitHint,.propertyResolvedHint{color:#64748b;background:#f8fafc;border-radius:999px;width:fit-content;padding:2px 7px;font-size:10px;font-style:normal;font-weight:800}.propertyResolvedHint{color:#1d4ed8;background:#eef6ff}.editorJsonStack{flex:1;align-content:start;gap:12px;min-height:0;padding:0 16px 16px;display:grid;overflow:auto}.compileStageStack{gap:8px;display:grid}.compileStageCard{background:#fff;border:1px solid #e2e8f0;border-radius:8px;gap:10px;padding:10px;display:grid;box-shadow:0 1px 2px #0f172a0a}.compileStageCard.issues{background:snow;border-color:#fecaca}.compileStageHeader{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.compileStageHeader div{gap:3px;min-width:0;display:grid}.compileStageHeader strong{color:#0f172a;font-size:12px;font-weight:800}.compileStageHeader span{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.35;overflow:hidden}.compileStageHeader em{color:#15803d;background:#dcfce7;border-radius:999px;flex:none;padding:3px 7px;font-size:10px;font-style:normal;font-weight:900}.compileStageCard.issues .compileStageHeader em{color:#b91c1c;background:#fee2e2}.compileStageMetrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.compileStageMetrics span{color:#64748b;text-align:center;background:#f8fafc;border-radius:6px;gap:2px;min-width:0;padding:6px 5px;font-size:10px;display:grid}.compileStageMetrics b{color:#0f172a;font-size:13px;font-weight:900}.executionPlanPreview{background:#f8fbff;border:1px solid #dbeafe;border-radius:8px;gap:10px;padding:10px;display:grid}.executionPreflight,.payloadDiffPreview{background:#fff;border:1px solid #e2e8f0;border-radius:8px;gap:10px;padding:10px;display:grid}.executionPreflight.ready{background:#f7fef9;border-color:#bbf7d0}.executionPreflight.issues{background:snow;border-color:#fecaca}.payloadDiffPreview{background:#fffdf5;border-color:#fde68a}.snapshotSummaryLine{color:#64748b;background:#ffffffc2;border-radius:6px;padding:7px 8px;font-size:11px;line-height:1.45}.adapterCapabilityStrip{flex-wrap:wrap;gap:5px;display:flex}.adapterCapabilityStrip span{color:#854d0e;background:#fff;border:1px solid #fde68a;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800}.payloadDiffTableList{gap:5px;max-height:180px;display:grid;overflow:auto}.payloadDiffTableRow{color:#64748b;background:#ffffffd1;border-radius:6px;grid-template-columns:minmax(0,1fr) 34px 34px 34px 40px;align-items:center;gap:5px;padding:6px 7px;font-size:11px;display:grid}.payloadDiffTableRow strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.payloadDiffTableRow span{color:#475569;text-align:center;background:#f8fafc;border-radius:999px;padding:2px 4px;font-size:10px;font-weight:900}.executionPlanHeader{gap:3px;display:grid}.executionPlanHeader strong{color:#0f172a;font-size:12px;font-weight:900}.executionPlanHeader span{color:#64748b;font-size:11px;line-height:1.45}.executionPlanGrid{gap:8px;display:grid}.executionPlanCard{background:#fff;border:1px solid #e2e8f0;border-radius:8px;gap:8px;padding:9px;display:grid}.executionPlanCardHeader{justify-content:space-between;align-items:center;gap:8px;display:flex}.executionPlanCardHeader strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:900;overflow:hidden}.executionPlanCardHeader span{color:#64748b;flex:none;font-size:11px;font-weight:700}.executionPlanMetrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.executionPlanMetrics span{color:#64748b;text-align:center;background:#f8fafc;border-radius:6px;min-width:0;padding:5px;font-size:10px}.executionPlanMetrics b{color:#0f172a;font-size:12px;font-weight:900;display:block}.executionPlanNodeList{gap:5px;max-height:210px;margin:0;padding:0;display:grid;overflow:auto}.executionPlanNodeList li{grid-template-columns:22px minmax(0,1fr);align-items:start;gap:6px;display:grid}.executionPlanNodeList li>span{color:#2563eb;text-align:center;background:#eff6ff;border-radius:999px;padding:2px 0;font-size:10px;font-weight:900}.executionPlanNodeList div{gap:2px;min-width:0;display:grid}.executionPlanNodeList strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;overflow:hidden}.executionPlanNodeList code{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.executionLogList{flex:1;align-content:start;gap:8px;min-height:0;padding:12px 16px 16px;display:grid;overflow:auto}.executionLogItem{background:#fff;border:1px solid #e2e8f0;border-radius:6px;gap:4px;padding:9px 10px;display:grid}.executionLogItem span{color:#94a3b8;font-size:11px;font-weight:800}.executionLogItem p{color:#334155;margin:0;font-size:12px;line-height:1.45}.executionLogItem.success{background:#f0fdf4;border-color:#bbf7d0}.executionLogItem.warning{background:#fff7ed;border-color:#fed7aa}.executionLogItem.error{background:#fef2f2;border-color:#fecaca}.hero{border:1px solid var(--line);background:linear-gradient(135deg, #2563eb14, #0478570f), var(--panel);border-radius:8px;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:end;gap:24px;min-height:260px;margin-top:24px;padding:34px;display:grid}.hero h2{max-width:720px;margin-bottom:14px;font-size:42px;line-height:1.08}.hero p{max-width:760px;color:var(--muted);margin-bottom:0;font-size:16px;line-height:1.7}.metricGrid{gap:10px;display:grid}.metricGrid div{border:1px solid var(--line);background:#ffffffc7;border-radius:8px;padding:14px}.metricGrid strong,.metricGrid span{display:block}.metricGrid strong{font-size:15px}.metricGrid span{color:var(--muted);margin-top:4px;font-size:13px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}.wideGrid{align-items:start}.panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:20px}.widePanel{min-width:0}.panel h3{margin-bottom:16px;font-size:16px}.panelHint{color:var(--muted);margin-bottom:16px;font-size:13px;line-height:1.6}dl{gap:10px;margin:0;display:grid}dl div{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:16px;min-height:34px;display:flex}dt{color:var(--muted);font-size:13px}dd{text-align:right;margin:0;font-size:13px;font-weight:700}.ok{color:var(--green)}.bad{color:var(--red)}ol{color:#344054;margin:0;padding-left:20px;line-height:1.9}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.formGrid label{gap:6px;display:grid}.formGrid span{color:var(--muted);font-size:13px;font-weight:600}.formGrid input{border:1px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:8px;outline:none;padding:10px 12px}.formGrid input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb1f}.workflowPanel{margin-top:24px}.workflowHeader{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.canvasBadge{color:#047857;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;flex:none;padding:7px 12px;font-size:12px;font-weight:800}.workflowCanvas{background-color:#f8fafc;background-image:linear-gradient(#eef2f7 1px,#0000 1px),linear-gradient(90deg,#eef2f7 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #dbe3ef;border-radius:12px;grid-template-columns:260px 48px minmax(0,1fr);align-items:stretch;gap:18px;min-height:520px;padding:18px;display:grid;overflow-x:auto}.templateNodeCard{background:#eff6ff;border:2px solid #93c5fd;border-radius:14px;align-self:center;gap:10px;min-height:240px;padding:16px;display:grid;box-shadow:0 18px 40px #2563eb1f}.templateNodeCard strong,.templateNodeCard small{display:block}.templateNodeCard small{color:#1d4ed8;word-break:break-all;line-height:1.4}.templateNodeCard pre{color:#0f172a;background:#ffffffb3;border-radius:8px;max-height:180px;margin:0;padding:10px;font-size:11px;line-height:1.55;overflow:auto}.flowArrow{color:#2563eb;background:#fff;border-radius:999px;justify-content:center;place-self:center;align-items:center;width:42px;height:42px;font-size:26px;font-weight:900;display:inline-flex;box-shadow:0 8px 24px #0f172a1f}.workflowColumns{grid-template-columns:repeat(6,minmax(150px,1fr));gap:12px;min-width:1040px;display:grid}.workflowColumn{grid-template-rows:auto 1fr;gap:10px;display:grid}.columnTitle{background:#fff;border:1px solid #dbe3ef;border-radius:999px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.columnTitle strong{font-size:12px}.columnTitle span{color:#475569;background:#f1f5f9;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;font-size:12px;font-weight:800;display:inline-flex}.workflowNodeStack{align-content:start;gap:10px;display:grid;position:relative}.workflowNodeStack:before{content:"";background:linear-gradient(#cbd5e1 60%,#0000 0) 0 0/2px 12px;width:2px;position:absolute;top:0;bottom:0;left:14px}.workflowNode{z-index:1;width:100%;color:var(--text);text-align:left;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:12px;gap:7px;padding:12px;display:grid;position:relative;box-shadow:0 6px 18px #0f172a12}.workflowNode:hover{border-color:#93c5fd;transform:translateY(-1px)}.workflowNode.related{background:#f0fdf4;border-color:#86efac}.workflowNode.selected{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24,0 12px 28px #2563eb1f}.workflowNode strong,.workflowNode code{display:block}.workflowNode strong{font-size:13px}.workflowNode code{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.nodeRelationMeta{gap:6px;display:flex}.nodeRelationMeta span{color:#475569;background:#f1f5f9;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:800}.edgeSummary{background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding:12px;display:flex}.edgeSummary strong{margin-right:auto;font-size:13px}.edgeSummary span{color:#1d4ed8;background:#fff;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.nodePill{color:#3730a3;background:#eef2ff;border-radius:999px;width:fit-content;max-width:100%;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.miniInputList{gap:4px;display:grid}.miniInputList span{color:#64748b;text-overflow:ellipsis;white-space:nowrap;background:#f8fafc;border-radius:6px;padding:4px 6px;font-size:10px;overflow:hidden}.codeBlock{color:#e5e7eb;background:#0f172a;border:1px solid #e5e7eb;border-radius:8px;margin:16px 0 0;padding:14px;font-size:12px;line-height:1.65;overflow:auto}.tallBlock{max-height:520px}@media (max-width:900px){.shell{padding:18px}.hero,.grid,.formGrid,.editorShell{grid-template-columns:1fr}.editorShell{grid-template-columns:none;height:auto;display:flex}.nodeLibraryPanel,.workflowEditorMain,.propertyPanel{width:min(360px,100vw - 24px);min-height:0}.workflowHeader{display:grid}.workflowCanvas{grid-template-columns:1fr}.workflowColumns{min-width:900px}.flowArrow{transform:rotate(90deg)}.hero{padding:24px}.hero h2{font-size:32px}}