:root{--radius:0.625rem;--background:#020817;--foreground:#f8fafc;--card:#020817;--card-foreground:#f8fafc;--popover:#020817;--popover-foreground:#f8fafc;--primary:#e2e8f0;--primary-foreground:#020817;--secondary:#0f172a;--secondary-foreground:#e2e8f0;--muted:#0f172a;--muted-foreground:#94a3b8;--accent:#0f172a;--accent-foreground:#e2e8f0;--destructive:#f43f5e;--border:#1f2937;--input:#1f2937;--ring:#94a3b8;--sidebar:#030712;--sidebar-foreground:#e2e8f0;--sidebar-border:#1f2937}*{box-sizing:border-box}#__next,.layout-shell,body,html{margin:0;min-height:100vh;height:100%;color:var(--foreground);background:linear-gradient(180deg,#020817,#020617);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}body{display:flex;flex-direction:column;min-height:100dvh;overflow:hidden}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}code,pre,textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.layout-shell{position:relative;height:100dvh;min-height:100%;min-height:0;flex:1 1;z-index:1;display:flex;flex-direction:column}.workflow-persistent-canvas{position:fixed;inset:0;z-index:0;background:radial-gradient(circle at 12% 15%,rgba(56,189,248,.15),transparent 30%),radial-gradient(circle at 86% 12%,rgba(192,132,252,.13),transparent 28%),radial-gradient(circle at 40% 70%,rgba(34,197,94,.1),transparent 28%),linear-gradient(180deg,var(--background) 0,#020617 100%);background-size:cover;pointer-events:none}.workflow-persistent-canvas:after{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,color-mix(in oklab,var(--border) 24%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in oklab,var(--border) 24%,transparent) 1px,transparent 1px);background-size:28px 28px;opacity:.48}.wf-muted{color:var(--muted-foreground);font-size:12px}.wf-btn{border:1px solid var(--border);border-radius:8px;background:#0b1220;color:var(--foreground);padding:8px 12px;transition:border-color .12s ease-out,transform .12s ease-out}.wf-btn:hover{border-color:var(--ring)}.wf-btn:disabled{cursor:not-allowed;opacity:.6}.wf-btn.primary{background:#1d4ed8;border-color:#3b82f6;color:#f8fafc}.wf-btn-group{display:inline-flex;align-items:center;gap:8px}.wf-shell{min-height:100vh;height:100dvh;position:relative;z-index:1;display:flex;flex-direction:column;padding:0;overflow:hidden;min-width:0;min-height:0}.wf-toolbar{position:-webkit-sticky;position:sticky;top:12px;z-index:15;display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--border);background:color-mix(in oklab,var(--card) 86%,transparent);border-radius:12px;margin:12px;padding:12px 14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.wf-layout{position:relative;width:100%;flex:1 1;padding:12px}.wf-layout,.wf-main{min-width:0;height:100%;min-height:0;overflow:hidden}.wf-main{display:grid;grid-template-columns:1fr minmax(320px,34%);grid-gap:12px;gap:12px;align-content:stretch;align-items:stretch}.wf-canvas-wrap{border:1px solid var(--border);border-radius:12px;background:color-mix(in oklab,var(--sidebar) 84%,transparent);overflow:hidden;position:relative;min-height:0;height:100%;min-width:0}.wf-canvas-shell{position:relative;width:100%;height:100%}.wf-meta-edit{position:absolute;left:12px;top:12px;z-index:8;min-width:320px;display:grid;grid-gap:8px;gap:8px}.wf-input{width:100%;min-height:34px;border:1px solid var(--border);border-radius:8px;background:#0b1220;color:var(--foreground);padding:8px 10px}.wf-input textarea,textarea.wf-input{min-height:44px}.wf-canvas-toolbar{position:absolute;left:12px;top:104px;z-index:8;display:flex;gap:6px;flex-wrap:wrap}.wf-canvas-toolbar .wf-palette-button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.wf-palette-button{border:1px solid var(--border);border-radius:999px;background:#111827;color:var(--foreground);padding:6px 12px;font-size:12px}.wf-canvas{position:absolute;inset:0}.wf-canvas .react-flow{width:100%;height:100%}.wf-right{border:1px solid var(--border);border-radius:12px;background:color-mix(in oklab,var(--sidebar) 92%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-direction:column;min-width:0;overflow:hidden;min-width:280px;min-height:0;height:100%;justify-content:stretch}.wf-right,.wf-tabs{display:flex;flex:0 0 auto}.wf-tabs{gap:6px;border-bottom:1px solid var(--border);padding:8px;background:var(--card);overflow-x:auto}.wf-tab{border:1px solid transparent;border-radius:8px;padding:6px 10px;font-size:12px;background:transparent;color:var(--muted-foreground)}.wf-tab.active{color:var(--foreground);border-color:var(--border);background:color-mix(in oklab,var(--muted) 38%,transparent)}.wf-panel-body{padding:12px;overflow:auto;min-height:0;flex:1 1}.wf-grid{display:grid;grid-gap:8px;gap:8px}.wf-section-title{margin:0 0 10px;font-size:14px;font-weight:600}.wf-field{display:grid;grid-gap:4px;gap:4px}.wf-field label,.wf-field>span{font-size:12px;color:var(--muted-foreground)}.wf-code,.wf-field input,.wf-field select,.wf-field textarea,.wf-textarea{width:100%;background:#0b1220;border:1px solid var(--border);border-radius:8px;padding:8px 10px;color:var(--foreground)}.wf-code{min-height:280px;resize:vertical;font-size:12px;line-height:1.35}.wf-run-item{border:1px solid var(--border);border-radius:10px;background:#0b1220;text-align:left;padding:10px}.wf-run-item.active{border-color:#3b82f6}.wf-run-item .wf-muted{margin-top:2px}.wf-run-item+.wf-run-item{margin-top:6px}.wf-context-menu{position:fixed;z-index:30;min-width:170px;border:1px solid var(--border);border-radius:8px;padding:6px;background:color-mix(in oklab,var(--card) 90%,transparent);box-shadow:0 16px 30px rgba(0,0,0,.45)}.wf-context-menu button{width:100%;border:none;border-radius:6px;background:transparent;color:var(--foreground);text-align:left;padding:8px;font-size:12px}.wf-context-menu button:hover{background:#1f2937}.wf-node-ai,.wf-node-branch,.wf-node-fork,.wf-node-join,.wf-node-script,.wf-node-start,.wf-node-teams,.wf-node-terminate,.wf-node-wait{padding:4px 8px;border-radius:8px;border:1px solid var(--border);background:#0f172a}.wf-node-card{position:relative;width:192px;min-height:56px;border:1px solid var(--border);border-left:4px solid var(--wf-node-tone,var(--border));border-radius:12px;padding:12px 10px 10px;background:color-mix(in oklab,var(--card) 92%,transparent);box-shadow:0 12px 28px rgba(0,0,0,.22);transition:border-color .14s ease-out,box-shadow .14s ease-out,transform .14s ease-out}.wf-node-card:hover{transform:translateY(-1px)}.wf-node-card--selected{border-color:var(--ring);box-shadow:0 0 0 1px var(--ring),0 12px 24px rgba(0,0,0,.28)}.wf-node-card--start{border-left-color:#0ea5e9}.wf-node-card--ai{border-left-color:#38bdf8}.wf-node-card--teams{border-left-color:#c084fc}.wf-node-card--branch{border-left-color:#fbbf24}.wf-node-card--wait{border-left-color:#2dd4bf}.wf-node-card--terminate{border-left-color:#fb7185}.wf-node-card--script{border-left-color:#4ade80}.wf-node-card--fork{border-left-color:#f472b6}.wf-node-card--join{border-left-color:#d8b4fe}.wf-node-card__badge{position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;color:color-mix(in oklab,var(--foreground) 88%,transparent);border:1px solid var(--border)}.wf-node-card__head{font-size:11px;color:var(--muted-foreground);margin-bottom:3px}.wf-node-card__label{color:var(--foreground);font-size:14px;font-weight:600}.wf-node-card__desc{font-size:11px;color:var(--muted-foreground)}.wf-node-card__summary{margin-top:8px;font-size:11px;color:var(--foreground);opacity:.82}.wf-edge-path{stroke:var(--border);fill:none}.wf-edge-path--animated{stroke-width:2px;animation:dashdraw .5s linear infinite;stroke-dasharray:5}@keyframes dashdraw{0%{stroke-dashoffset:10}to{stroke-dashoffset:0}}.react-flow__attribution{background:transparent!important}.react-flow__pane{cursor:-webkit-grab!important;cursor:grab!important}.react-flow__pane:active{cursor:-webkit-grabbing!important;cursor:grabbing!important}.react-flow__node{cursor:pointer!important}.react-flow__node.dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important}.react-flow__handle{width:12px!important;height:12px!important;border:2px solid var(--border)!important;background:var(--primary)!important;z-index:20!important}.react-flow__handle:after{content:"";position:absolute!important;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px}@media (max-width:1024px){.wf-main{grid-template-columns:1fr}.wf-right{max-height:52vh}}.wf-home{position:fixed;inset:0;display:grid;place-items:center;padding:16px}.wf-home-panel{width:min(640px,100%);border:1px solid var(--border);border-radius:18px;background:color-mix(in oklab,var(--card) 92%,transparent);padding:24px;box-shadow:0 18px 60px rgba(0,0,0,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.wf-home-kicker{margin:0 0 8px;color:var(--muted-foreground);font-size:12px}.wf-home-title{margin:0 0 8px;font-size:28px}.wf-home .wf-grid{margin-top:16px}.wf-list-grid{display:grid;grid-gap:8px;gap:8px}.wf-list-item{border:1px solid var(--border);border-radius:12px;background:color-mix(in oklab,var(--card) 92%,transparent);padding:12px}