.composer-app{--cmp-bg:#fff;--cmp-surface:#fafafa;--cmp-elevated:#fff;--cmp-subtle:#f1f5f9;--cmp-ink:#0f172a;--cmp-body:#475569;--cmp-muted:#94a3b8;--cmp-line:#e5e7eb;--cmp-line-strong:#cbd5e1;--cmp-blue:#2563eb;--cmp-blue-soft:#2563eb1f;--cmp-green:#22c55e;--cmp-green-soft:#22c55e26;--cmp-sidebar:320px;--cmp-inspector:360px;background:var(--cmp-bg);height:100vh;color:var(--cmp-ink);font-family:var(--font-sans), Inter, system-ui, sans-serif;-webkit-font-smoothing:antialiased;flex-direction:column;display:flex;overflow:hidden}.composer-app.composer-app--with-nav{flex-direction:row}.composer-app-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.composer-app--with-nav .cmp-app-sidebar{flex-shrink:0;height:100%}.cmp-topbar{background:var(--cmp-surface);border-bottom:1px solid var(--cmp-line);flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex}.cmp-topbar-left{align-items:center;gap:16px;min-width:0;display:flex}.cmp-topbar-brand{letter-spacing:-.03em;color:var(--cmp-ink);flex-shrink:0;align-items:center;gap:8px;font-size:18px;font-weight:600;text-decoration:none;display:flex}.cmp-topbar-divider{background:var(--cmp-line);flex-shrink:0;width:1px;height:24px}.cmp-topbar-crumb{min-width:0;color:var(--cmp-body);align-items:center;gap:8px;font-size:13px;display:flex}.cmp-topbar-crumb-brand{color:var(--cmp-blue);font-weight:600}.cmp-topbar-name{color:var(--cmp-body);background:0 0;border:none;outline:none;min-width:120px;max-width:280px;font-size:13px}.cmp-topbar-name::placeholder{color:var(--cmp-muted)}.cmp-unsaved-badge{color:var(--cmp-amber,#d97706);flex-shrink:0;font-size:11px;font-weight:500}.cmp-saved-badge{color:var(--cmp-green);flex-shrink:0;align-items:center;gap:5px;font-size:12px;font-weight:500;display:inline-flex}.cmp-saved-dot{background:var(--cmp-green-soft);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.cmp-topbar-actions{align-items:center;gap:8px;display:flex}.cmp-btn{border:1px solid var(--cmp-line);background:var(--cmp-surface);height:36px;color:var(--cmp-ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;transition:background .12s,border-color .12s;display:inline-flex}.cmp-btn:hover:not(:disabled){background:var(--cmp-subtle)}.cmp-btn:disabled{opacity:.45;cursor:not-allowed}.cmp-btn--primary{background:var(--cmp-blue);border-color:var(--cmp-blue);color:#fff}.cmp-btn--primary:hover:not(:disabled){background:#1d4ed8}.cmp-body{grid-template-columns:var(--cmp-sidebar) 1fr 0;flex:1;min-height:0;display:grid;overflow:hidden}.cmp-body:has(.cmp-inspector-wrap--open){grid-template-columns:var(--cmp-sidebar) 1fr var(--cmp-inspector)}.cmp-canvas-column{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.cmp-inspector-wrap{width:0;transition:width .2s;overflow:hidden}.cmp-inspector-wrap--open{width:var(--cmp-inspector);animation:.2s ease-out slide-in}.cmp-panel-title{color:var(--cmp-ink);margin:0 0 12px;font-size:14px;font-weight:600}.cmp-run-status-bar{background:var(--cmp-surface);border-top:1px solid var(--cmp-line);font-size:12px;font-family:var(--font-mono), "JetBrains Mono", monospace;color:var(--cmp-body);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;padding:10px 16px;display:flex}.cmp-run-status-bar--expanded{padding-bottom:8px}.cmp-run-status-main{flex-direction:column;flex:1;gap:2px;min-width:120px;display:flex}.cmp-run-status-bar .cmp-status-steps{border-top:1px solid var(--cmp-line);width:100%;max-height:160px;margin:8px 0 0;padding:8px 0 0;list-style:none;overflow-y:auto}.cmp-run-status-bar .cmp-status-step-btn{text-align:left;width:100%;color:var(--cmp-ink);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 8px;font-size:12px}.cmp-run-status-bar .cmp-status-step-btn:hover{background:var(--cmp-subtle)}.cmp-run-status-step-ok{color:var(--cmp-green);margin-left:8px;font-size:10px}.cmp-run-status-step-err{color:#ef4444;margin-left:8px;font-size:10px}.cmp-run-status-step-warn{color:#f59e0b;margin-left:8px;font-size:10px}.cmp-run-status-dot--paused{background:#f59e0b}.cmp-run-status-dot{background:var(--cmp-blue);border-radius:50%;width:8px;height:8px}.cmp-run-status-dot--complete{background:var(--cmp-green)}.cmp-run-status-dot--failed{background:#ef4444}.cmp-run-status-message{color:var(--cmp-ink);font-weight:500}.cmp-run-status-progress{color:var(--cmp-muted);margin-left:auto}.cmp-run-status-log{color:var(--cmp-muted);text-overflow:ellipsis;white-space:nowrap;max-width:40%;overflow:hidden}.cmp-modal-backdrop{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cmp-modal{background:var(--cmp-elevated);border:1px solid var(--cmp-line-strong);width:min(420px,92vw);color:var(--cmp-ink);border-radius:6px;padding:20px}.cmp-modal h3{margin:0;font-size:16px;font-weight:700}.cmp-app-sidebar{background:var(--cmp-surface);border-right:1px solid var(--cmp-line);flex-shrink:0;width:200px;padding:16px 12px}.cmp-app-sidebar-brand{justify-content:center;align-items:center;margin-bottom:20px;padding:4px 0;text-decoration:none;display:flex}.cmp-topbar-title{color:var(--cmp-ink);letter-spacing:-.02em;margin:0;font-size:15px;font-weight:600}.cmp-app-sidebar-nav{flex-direction:column;gap:4px;display:flex}.cmp-app-sidebar-link{color:var(--cmp-body);border-radius:4px;padding:8px 10px;font-size:13px;text-decoration:none}.cmp-app-sidebar-link:hover,.cmp-app-sidebar-link--active{background:var(--cmp-subtle);color:var(--cmp-ink)}@media (max-width:767px){.cmp-body{grid-template-rows:auto 1fr auto;grid-template-columns:1fr}.cmp-sidebar{width:100%;max-height:40vh}.cmp-inspector-wrap--open{width:min(100%, var(--cmp-inspector));z-index:50;background:var(--cmp-bg);position:fixed;inset:0 0 0 auto}}.cmp-sidebar{width:var(--cmp-sidebar);background:var(--cmp-surface);border-right:1px solid var(--cmp-line);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.cmp-sidebar-scroll{flex-direction:column;flex:1;display:flex;overflow-y:auto}.cmp-sidebar-section{padding:16px}.cmp-kicker{letter-spacing:.1em;color:var(--cmp-muted);align-items:center;gap:6px;margin:0 0 12px;font-size:10px;font-weight:700;display:flex}.cmp-textarea{width:100%;min-height:140px;color:var(--cmp-ink);background:var(--cmp-surface);border:1px solid var(--cmp-line);resize:vertical;border-radius:10px;outline:none;padding:12px;font-size:13px;line-height:1.55}.cmp-textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb1f}.cmp-textarea::placeholder{color:var(--cmp-muted)}.cmp-parse-btn{background:var(--cmp-blue);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:42px;margin-top:12px;font-size:14px;font-weight:600;transition:background .12s;display:flex}.cmp-parse-btn:hover:not(:disabled){background:#1d4ed8}.cmp-parse-btn:disabled{opacity:.5;cursor:not-allowed}.cmp-alert{border-radius:8px;margin-top:12px;padding:10px 12px;font-size:12px;line-height:1.45}.cmp-alert--error{color:#b91c1c;background:#ef44441f;border:1px solid #ef444459}.cmp-alert--warn{color:#b45309;background:#f59e0b1f;border:1px solid #f59e0b59}.cmp-examples{border-top:1px solid var(--cmp-line);padding:16px}.cmp-examples-list{flex-direction:column;gap:8px;display:flex}.cmp-example-card{text-align:left;background:var(--cmp-surface);border:1px solid var(--cmp-line);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;width:100%;padding:10px 12px;transition:background .12s,border-color .12s;display:flex}.cmp-example-card:hover{background:#f8fafc;border-color:#cbd5e1}.cmp-example-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.cmp-example-icon--blue{background:#eff6ff}.cmp-example-icon--purple{background:#f5f3ff}.cmp-example-icon--orange{background:#fff7ed}.cmp-example-icon--green{background:#ecfdf5}.cmp-example-icon--pink{background:#fdf2f8}.cmp-example-icon--gray{background:#f1f5f9}.cmp-example-text{color:var(--cmp-body);padding-top:2px;font-size:12px;line-height:1.45}.cmp-canvas-wrap{background:var(--cmp-bg);flex:1;min-width:0;position:relative}.cmp-canvas-empty{z-index:4;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.cmp-canvas-empty-title{color:var(--cmp-ink);margin:0 0 8px;font-size:15px;font-weight:600}.cmp-canvas-empty-desc{max-width:320px;color:var(--cmp-body);margin:0;font-size:13px;line-height:1.5}.cmp-flow--empty{opacity:.35}.pipeline-node--unknown{box-shadow:0 0 0 1px #f59e0b59;border-color:#f59e0b!important}.composer-app .react-flow{background:var(--cmp-bg)!important}.composer-app .react-flow__background{background-color:var(--cmp-bg)!important}.composer-app .react-flow__controls{border:1px solid var(--cmp-line);border-radius:10px;flex-direction:column;gap:4px;display:flex;overflow:hidden;box-shadow:0 4px 16px #0f172a14;bottom:88px!important;left:16px!important}.composer-app .react-flow__controls-button{background:var(--cmp-surface)!important;border:none!important;border-bottom:1px solid var(--cmp-line)!important;fill:#64748b!important;width:32px!important;height:32px!important}.composer-app .react-flow__controls-button:last-child{border-bottom:none!important}.composer-app .react-flow__controls-button:hover{background:#f8fafc!important}.composer-app .react-flow__minimap{background:var(--cmp-surface)!important;border:1px solid var(--cmp-line)!important;border-radius:10px!important;width:160px!important;height:120px!important;bottom:16px!important;right:16px!important;box-shadow:0 4px 16px #0f172a14!important}.composer-app .react-flow__minimap-mask{fill:#2563eb14!important}.composer-app .react-flow__minimap-node{fill:#93c5fd!important;stroke:none!important}.composer-app .react-flow__handle{width:8px;height:8px;background:var(--cmp-blue)!important;border:2px solid var(--cmp-surface)!important}.composer-app .react-flow__handle-top{top:-4px}.composer-app .react-flow__handle-bottom{bottom:-4px}.cmp-node{background:var(--cmp-surface);border:1px solid var(--cmp-line);cursor:pointer;border-radius:12px;width:400px;transition:box-shadow .15s,border-color .15s;box-shadow:0 1px 3px #0f172a0f}.cmp-node:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a14}.cmp-node.selected{border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb26}.cmp-node[data-status=running]{border-color:#93c5fd}.cmp-node-inner{align-items:flex-start;gap:12px;padding:14px 14px 14px 16px;display:flex}.cmp-node-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.cmp-node-icon--blue{color:#2563eb;background:linear-gradient(145deg,#dbeafe,#bfdbfe)}.cmp-node-icon--purple{color:#7c3aed;background:linear-gradient(145deg,#ede9fe,#ddd6fe)}.cmp-node-icon--orange{color:#ea580c;background:linear-gradient(145deg,#ffedd5,#fed7aa)}.cmp-node-icon--pink{color:#db2777;background:linear-gradient(145deg,#fce7f3,#fbcfe8)}.cmp-node-icon--green{color:#059669;background:linear-gradient(145deg,#d1fae5,#a7f3d0)}.cmp-node-icon--gray{color:#64748b;background:#f1f5f9}.cmp-node-content{flex:1;min-width:0;padding-top:2px}.cmp-node-title{color:var(--cmp-ink);margin:0;font-size:14px;font-weight:600;line-height:1.35}.cmp-node-title-num{color:var(--cmp-blue)}.cmp-node-desc{color:var(--cmp-muted);margin:4px 0 0;font-size:12px;line-height:1.4}.cmp-node-side{flex-shrink:0;align-items:center;gap:6px;padding-top:2px;display:flex}.cmp-node-success{color:var(--cmp-green);align-items:center;gap:4px;font-size:11px;font-weight:600;display:inline-flex}.cmp-node-menu{width:28px;height:28px;color:var(--cmp-muted);cursor:pointer;letter-spacing:1px;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex}.cmp-node-menu:hover{color:var(--cmp-body);background:#f1f5f9}.cmp-node-error{color:#dc2626;padding:0 16px 12px;font-size:11px}.cmp-status-card{z-index:10;background:var(--cmp-surface);border:1px solid var(--cmp-line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;max-width:min(480px,100% - 200px);padding:12px 16px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0f172a1a}.cmp-status-card--expanded{flex-direction:row;align-items:flex-start;padding-bottom:10px}.cmp-status-steps{border-top:1px solid var(--cmp-line);flex:100%;max-height:160px;margin:4px 0 0;padding:8px 0 0;list-style:none;overflow-y:auto}.cmp-status-step-btn{text-align:left;width:100%;color:var(--cmp-body);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:6px 4px;font-size:12px;display:flex}.cmp-status-step-btn:hover{color:var(--cmp-ink);background:#f8fafc}.cmp-status-step-num{color:var(--cmp-blue);flex-shrink:0;font-weight:600}.cmp-status-step-ok{color:var(--cmp-green);margin-left:auto;font-size:10px;font-weight:600}.cmp-status-step-err{color:#dc2626;margin-left:auto;font-size:10px;font-weight:600}.cmp-status-icon{background:var(--cmp-green-soft);width:36px;height:36px;color:var(--cmp-green);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cmp-status-text strong{color:var(--cmp-ink);font-size:14px;font-weight:600;display:block}.cmp-status-text span{color:var(--cmp-muted);font-size:12px}.cmp-status-link{color:var(--cmp-blue);white-space:nowrap;cursor:pointer;background:0 0;border:none;margin-left:8px;padding:0;font-size:13px;font-weight:600}.cmp-status-link:hover{text-decoration:underline}.cmp-inspector{background:var(--cmp-surface);border-left:1px solid var(--cmp-line);flex-direction:column;flex-shrink:0;width:100%;height:100%;display:flex;overflow:hidden}.cmp-inspector-header{border-bottom:1px solid var(--cmp-line);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.cmp-inspector-header h2{margin:0;font-size:14px;font-weight:600}.cmp-inspector-body{flex:1;padding:16px;overflow-y:auto}.cmp-inspector .text-text-primary{color:var(--cmp-ink)!important}.cmp-inspector .text-text-secondary{color:var(--cmp-body)!important}.cmp-inspector .text-text-muted{color:var(--cmp-muted)!important}.cmp-inspector .bg-bg-base,.cmp-inspector .bg-bg-surface,.cmp-inspector .bg-bg-subtle{background:#f8fafc!important}.cmp-inspector .border-border-default{border-color:var(--cmp-line)!important}.composer-app .cmp-edge-path{stroke:#93c5fd;stroke-width:2px;fill:none}.composer-app .cmp-edge-path.animated{stroke:#2563eb}.cmp-page-main{flex:1;padding:24px 40px 40px;overflow:auto}.cmp-page-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:320px;display:flex}.cmp-table-wrap{border:1px solid var(--cmp-line);background:var(--cmp-surface);border-radius:12px;max-width:900px;margin:0 auto;overflow:hidden}.cmp-table-head,.cmp-table-row{grid-template-columns:1fr 56px minmax(80px,120px) 140px 72px minmax(120px,1fr);align-items:center;gap:12px;padding:12px 16px;display:grid}.cmp-empty-illus{opacity:.9}.cmp-table-head{letter-spacing:.08em;text-transform:uppercase;color:var(--cmp-muted);border-bottom:1px solid var(--cmp-line);background:#f8fafc;font-size:10px;font-weight:700}.cmp-table-row{border-bottom:1px solid var(--cmp-line);font-size:13px}.cmp-table-row:last-child{border-bottom:none}.cmp-table-row:hover{background:#f8fafc}.cmp-table-name{color:var(--cmp-ink);font-weight:600;text-decoration:none}.cmp-table-name:hover{color:var(--cmp-blue)}.cmp-table-muted{color:var(--cmp-muted);font-size:12px}.cmp-table-actions{gap:6px;display:flex}.cmp-btn--sm{height:32px;padding:0 10px;font-size:12px}.cmp-btn--danger-text{color:#dc2626;border-color:#fecaca}.cmp-btn--danger-text:hover{background:#fef2f2}.cmp-pill{text-transform:capitalize;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.cmp-pill--success{background:var(--cmp-green-soft);color:var(--cmp-green)}.cmp-pill--error{color:#dc2626;background:#fef2f2}.cmp-pill--warn{color:#b45309;background:#fffbeb}.cmp-pill--muted,.cmp-pill-muted{color:var(--cmp-muted);font-size:12px}.cmp-inspector-section{border-bottom:1px solid var(--cmp-line);padding:16px 0}.cmp-inspector-section:last-child{border-bottom:none}.cmp-inspector-section h4{letter-spacing:.08em;text-transform:uppercase;color:var(--cmp-muted);margin:0 0 12px;font-size:11px;font-weight:700}.cmp-inspector-section h3{margin:0;font-size:15px;font-weight:600}.cmp-tag{text-transform:uppercase;color:var(--cmp-body);background:#f1f5f9;border-radius:6px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.cmp-context-menu{z-index:100;background:var(--cmp-surface);border:1px solid var(--cmp-line);border-radius:10px;min-width:140px;padding:4px 0;position:fixed;box-shadow:0 8px 24px #0f172a1f}.cmp-context-menu button{text-align:left;width:100%;color:var(--cmp-ink);cursor:pointer;background:0 0;border:none;padding:8px 14px;font-size:13px;display:block}.cmp-context-menu button:hover{background:#f8fafc}.cmp-context-menu button.cmp-context-menu--danger{color:#dc2626}.cmp-context-menu hr{border:none;border-top:1px solid var(--cmp-line);margin:4px 0}.cmp-field-input{border:1px solid var(--cmp-line);background:var(--cmp-surface);width:100%;height:36px;color:var(--cmp-ink);border-radius:8px;outline:none;padding:0 10px;font-size:13px}.cmp-field-input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb1f}.cmp-field-readonly{height:36px;color:var(--cmp-green);background:var(--cmp-green-soft);border:1px solid #bbf7d0;border-radius:8px;align-items:center;padding:0 10px;font-size:12px;display:flex}.cmp-output-json{border:1px solid var(--cmp-line);max-height:240px;color:var(--cmp-body);background:#f8fafc;border-radius:8px;margin:0;padding:12px;font-size:11px;line-height:1.45;overflow:auto}