.react-flow{direction:ltr}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1px;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:grab;position:absolute}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background:#1a192b;border:1px solid #fff;border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:-4px;left:50%;transform:translate(-50%)}.react-flow__handle-top{top:-4px;left:50%;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{top:50%;right:-4px;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{background:#ffffff80;margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{color:#222;text-align:center;background-color:#fff;border:1px solid #1a192b;border-radius:3px;width:150px;padding:10px;font-size:12px}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{box-sizing:content-box;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fefefe;border:none;border-bottom:1px solid #eee;justify-content:center;align-items:center;width:16px;height:16px;padding:5px;display:flex}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;width:4px;height:4px;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Microsoft YaHei,PingFang SC,Hiragino Sans GB,Source Han Sans CN,Noto Sans CJK SC,Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.right-0{right:0}.m-3{margin:.75rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.hidden{display:none}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-px{height:1px}.h-screen{height:100vh}.max-h-\[50vh\]{max-height:50vh}.max-h-\[85vh\]{max-height:85vh}.min-h-0{min-height:0}.w-16{width:4rem}.w-4{width:1rem}.w-44{width:11rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-\[90vw\]{width:90vw}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.max-w-3xl{max-width:48rem}.max-w-xl{max-width:36rem}.flex-1{flex:1}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-5{gap:1.25rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-ink-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.bg-ink-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-6{padding:1.5rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-px{padding-top:1px;padding-bottom:1px}.pb-1{padding-bottom:.25rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[15px\]{font-size:15px}.text-\[8\.5px\]{font-size:8.5px}.text-\[9\.5px\]{font-size:9.5px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-accent{--tw-text-opacity:1;color:rgb(42 120 214/var(--tw-text-opacity,1))}.text-ink-400{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.text-ink-500{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.text-ink-600{--tw-text-opacity:1;color:rgb(82 82 82/var(--tw-text-opacity,1))}.text-ink-700{--tw-text-opacity:1;color:rgb(64 64 64/var(--tw-text-opacity,1))}.text-ink-900{--tw-text-opacity:1;color:rgb(23 23 23/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.line-through{text-decoration-line:line-through}.opacity-0{opacity:0}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/whiteboard/assets/inter-variable-Dx4kXJAl.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/whiteboard/assets/jetbrains-mono-variable-6fWv1k7M.woff2)format("woff2")}:root{--ink-900:#0a0a0a;--ink-800:#262626;--ink-700:#404040;--ink-600:#525252;--ink-500:#71717a;--ink-400:#a1a1aa;--ink-300:#d4d4d8;--ink-200:#e5e7eb;--ink-100:#f4f4f5;--ink-50:#fafafa;--paper:#fff;--accent:#2a78d6;--accent-hover:#1e5ba8;--accent-active:#174887;--accent-soft:#ebf3fc;--accent-tint:#2a78d61a;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-xs:0 1px 2px #0a0a0a0a;--shadow-sm:0 2px 4px #0a0a0a0a, 0 1px 2px #0a0a0a0a;--shadow-md:0 4px 12px #0a0a0a0f, 0 2px 4px #0a0a0a0a;--shadow-lg:0 12px 32px #0a0a0a14, 0 4px 8px #0a0a0a0a;--shadow-xl:0 24px 64px #0a0a0a1a, 0 8px 16px #0a0a0a0f;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--duration-fast:.12s;--duration-base:.2s;--duration-slow:.32s;--glass-bg:#ffffffc7;--glass-bg-strong:#ffffffeb;--glass-border:#0a0a0a0f;--glass-blur:blur(12px);--font-sans:"Inter", "SF Pro Text", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Noto Sans CJK SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Cascadia Mono", "Source Code Pro", Consolas, "Liberation Mono", monospace;--font-serif:"Georgia", "Source Serif Pro", "Songti SC", serif}html,body,#root{background:var(--ink-50);height:100%;color:var(--ink-900);font-family:var(--font-sans);font-feature-settings:"cv11", "ss01", "tnum";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.005em;margin:0;padding:0;overflow:hidden}*{box-sizing:border-box}.font-mono,.heading-serif,.react-flow__edge-text,.tab-btn,.btn-primary,.btn-action{font-feature-settings:"tnum"}.react-flow{background:#fafafa}.react-flow__background{background-color:#fafafa}.react-flow__edge-path{stroke:#94a3b8;stroke-width:1.5px;transition:stroke var(--duration-fast) var(--ease-out), stroke-width var(--duration-fast) var(--ease-out), opacity .25s var(--ease-out)}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:hover .react-flow__edge-path{stroke:var(--accent);stroke-width:2px}.react-flow__edge-text{fill:#404040;font-size:10px;font-weight:500}.react-flow__edge-textbg{fill:#fafafa;stroke:#d4d4d8}.react-flow__handle{border:1.5px solid var(--accent);width:8px;height:8px;transition:all var(--duration-fast) var(--ease-out);background:#fff;border-radius:50%}.react-flow__handle:hover{background:var(--accent);transform:scale(1.2)}.react-flow__controls{background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden}.react-flow__controls-button{border:none;border-bottom:1px solid var(--ink-200);color:var(--ink-600);fill:var(--ink-600);transition:all var(--duration-fast) var(--ease-out);background:0 0}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls-button:hover{background:var(--ink-100);color:var(--ink-900);fill:var(--ink-900)}.react-flow__minimap{background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.react-flow__attribution{color:#a1a1aa!important;background:0 0!important;font-size:8.5px!important}.step-node{background:var(--paper);border:1px solid var(--ink-200);border-radius:var(--radius-md);min-width:230px;max-width:270px;color:var(--ink-900);box-shadow:var(--shadow-xs);transition:border-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);font-family:var(--font-sans);padding:8px 10px 9px;position:relative;overflow:hidden}.step-node:before{content:"";background:var(--phase-color,var(--ink-900));border-radius:var(--radius-md) var(--radius-md) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.step-node:hover{border-color:var(--ink-900);box-shadow:var(--shadow-md);transform:translateY(-1px)}.step-node.selected{box-shadow:0 0 0 2px var(--accent), var(--shadow-md);border-color:var(--accent)!important}.step-node.branch-urgent{border-left:3px solid #ca8a04}.step-node.branch-exception{border-left:3px solid #dc2626}.step-node.is-decision{box-shadow:0 0 0 1px #b4530959, var(--shadow-sm);border-left:3px solid #b45309}.step-decision{letter-spacing:.5px;font-size:9px;font-weight:700;font-family:var(--font-sans);border-radius:999px;align-items:center;gap:3px;margin-bottom:5px;padding:2px 8px;display:inline-flex}.step-decision.decision-approved{color:#fff;background:#b45309}.step-decision.decision-pending{color:#92400e;background:#fef3c7;border:1px solid #f59e0b}.step-decision .dmark{font-size:8px}.step-decision .dresult{opacity:.9;font-weight:600}.phase-tag{letter-spacing:1.6px;text-transform:uppercase;color:var(--phase-color,var(--ink-900));border-bottom:1px solid var(--phase-color,var(--ink-900));font-size:8.5px;font-weight:600;font-family:var(--font-serif);margin-bottom:6px;padding:2px 0;display:inline-block}.phase-badge{letter-spacing:1.4px;border-radius:var(--radius-xs);color:var(--paper);text-transform:uppercase;font-size:9px;font-weight:600;font-family:var(--font-sans);padding:3px 9px;display:inline-block}.phase-corner{z-index:2;letter-spacing:.5px;font-size:8px;font-weight:700;line-height:1.5;font-family:var(--font-sans);white-space:nowrap;border-radius:999px;padding:2px 8px;position:absolute;top:7px;right:8px;box-shadow:0 1px 2px #00000014}.step-header{border-bottom:1px solid var(--ink-100);align-items:baseline;gap:8px;margin-bottom:5px;padding-bottom:6px;padding-right:44px;display:flex}.step-num{font-family:var(--font-mono);color:var(--ink-900);font-feature-settings:"lnum", "tnum";min-width:22px;font-size:16px;font-weight:600;line-height:1}.step-title{color:var(--ink-900);letter-spacing:-.005em;flex:1;font-size:13px;font-weight:600;line-height:1.28}.step-process{color:var(--ink-700);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:11.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.step-people{border-bottom:1px solid #f3f4f6;flex-wrap:wrap;gap:3px;margin-bottom:5px;padding-bottom:5px;display:flex}.step-system{color:var(--ink-700);align-items:center;gap:6px;margin-bottom:4px;font-size:10.5px;display:flex}.step-duration,.step-outputs{color:var(--ink-700);font-feature-settings:"tnum";align-items:flex-start;gap:6px;margin-top:3px;font-size:11px;display:flex}.step-duration .lbl,.step-outputs .lbl{color:var(--ink-500);text-transform:uppercase;letter-spacing:.6px;flex-shrink:0;margin-top:2px;font-size:8.5px;font-weight:600}.step-pain{color:#7f1d1d;border-radius:var(--radius-xs);-webkit-line-clamp:2;background:#fef2f2;border-left:2px solid #dc2626;-webkit-box-orient:vertical;margin-top:6px;padding:5px 8px;font-size:11px;line-height:1.45;display:-webkit-box;overflow:hidden}.step-pain strong{color:#991b1b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1px;font-size:8.5px;font-weight:700;display:block}.gate-node{text-align:center;cursor:pointer;width:188px;height:188px;transition:transform var(--duration-fast) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.gate-node-inner{background:var(--paper);border:2px solid var(--ink-900);width:132px;height:132px;color:var(--ink-900);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-fast) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;transform:rotate(45deg)}.gate-node-inner.approved{background:var(--ink-900);color:var(--paper)}.gate-node-inner.pending{background:var(--paper);border:2px solid var(--ink-900);color:var(--ink-900)}.gate-content{flex-direction:column;align-items:center;gap:5px;width:110px;padding:0 18px;display:flex;transform:rotate(-45deg)}.gate-icon{font-family:var(--font-serif);font-size:15px;font-weight:400}.gate-title{letter-spacing:.8px;text-transform:uppercase;font-size:10px;font-weight:700;line-height:1.25}.gate-status{opacity:.7;letter-spacing:1px;text-transform:uppercase;font-size:8px;font-family:var(--font-sans);margin-top:3px}.gate-node.selected .gate-node-inner{box-shadow:0 0 0 2px var(--ink-900), var(--shadow-lg)}.gate-node:hover{transform:translateY(-1px)}.role-avatar{border-radius:var(--radius-xs);background:var(--paper);border:1px solid var(--ink-200);color:var(--ink-700);white-space:nowrap;letter-spacing:.2px;font-size:10.5px;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);align-items:center;gap:5px;padding:3px 8px;display:inline-flex}.role-avatar:hover{border-color:var(--ink-900);color:var(--ink-900)}.role-avatar .ra-icon{letter-spacing:.6px;font-size:9px;font-weight:700;font-family:var(--font-serif)}.role-avatar-active{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--paper)!important}.role-avatar-active .ra-icon{color:var(--paper)!important}.system-tag{white-space:nowrap;letter-spacing:.4px;text-transform:uppercase;font-feature-settings:"tnum";border-radius:2px;align-items:center;gap:6px;padding:2px 8px;font-family:Inter,sans-serif;font-size:10.5px;font-weight:500;display:inline-flex}.system-tag .sys-sym{font-family:Georgia,serif;font-size:11px;line-height:1}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.glass-soft{background:var(--ink-50);border:1px solid var(--ink-200);border-radius:var(--radius-md)}.input-field{background:var(--paper);border:1px solid var(--ink-300);border-radius:var(--radius-sm);width:100%;color:var(--ink-900);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);outline:none;padding:8px 10px;font-family:inherit;font-size:11px}.input-field:hover{border-color:var(--ink-400)}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}textarea.input-field{resize:vertical;min-height:64px;line-height:1.55}.select-field{background:var(--paper);border:1px solid var(--ink-300);border-radius:var(--radius-sm);width:100%;color:var(--ink-900);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);outline:none;padding:8px 10px;font-family:inherit;font-size:11px}.select-field:hover{border-color:var(--ink-400)}.select-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.btn-primary{background:var(--accent);color:var(--paper);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);letter-spacing:.2px;box-shadow:var(--shadow-xs);border:none;padding:8px 16px;font-family:inherit;font-size:11px;font-weight:600}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-primary:active{box-shadow:var(--shadow-xs);transform:translateY(0)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.btn-action{background:var(--paper);color:var(--ink-700);border:1px solid var(--ink-300);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);letter-spacing:.2px;align-items:center;gap:5px;padding:6px 12px;font-family:inherit;font-size:10.5px;font-weight:500;display:inline-flex}.btn-action:hover{border-color:var(--ink-900);color:var(--ink-900);background:var(--ink-50)}.btn-action.active{background:var(--accent);border-color:var(--accent);color:var(--paper)}.btn-danger{background:var(--paper);color:#991b1b;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);border:1px solid #fecaca;padding:6px 12px;font-family:inherit;font-size:10.5px;font-weight:500}.btn-danger:hover{background:#fef2f2;border-color:#dc2626}.wb-ctxmenu{background:var(--glass-bg-strong);min-width:168px;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:fadeIn .12s var(--ease-out);padding:5px}.wb-ctxmenu-item{border-radius:var(--radius-sm);width:100%;color:var(--ink-800);text-align:left;transition:background var(--duration-fast) var(--ease-out);align-items:center;gap:9px;padding:7px 10px;font-size:12px;display:flex}.wb-ctxmenu-item:hover{background:var(--accent-soft);color:var(--accent-active)}.wb-ctxmenu-item.danger{color:#dc2626}.wb-ctxmenu-item.danger:hover{color:#b91c1c;background:#fef2f2}.wb-ctxmenu-icon{text-align:center;opacity:.85;flex-shrink:0;width:16px;font-size:12px}.wb-ctxmenu-sep{background:var(--ink-200);height:1px;margin:4px 6px}.modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:1000;animation:fadeIn var(--duration-base) var(--ease-out);background:#0a0a0a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.drawer-backdrop{-webkit-backdrop-filter:blur(2px);z-index:999;cursor:pointer;background:#0a0a0a33;position:fixed;inset:0}.drawer-panel{background:var(--glass-bg-strong);width:440px;-webkit-backdrop-filter:var(--glass-blur);border-left:1px solid var(--glass-border);z-index:1000;box-shadow:var(--shadow-xl);animation:slideInRight var(--duration-slow) var(--ease-out);cursor:default;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.tab-btn{border:1px solid var(--ink-300);background:var(--paper);color:var(--ink-700);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);letter-spacing:.3px;padding:6px 14px;font-family:inherit;font-size:10.5px;font-weight:600}.tab-btn:hover{color:var(--ink-900);border-color:var(--ink-900);background:var(--ink-50)}.tab-btn.active{background:var(--accent);border-color:var(--accent);color:var(--paper);box-shadow:var(--shadow-xs)}.field-label{color:var(--ink-600);text-transform:uppercase;letter-spacing:.6px;font-size:9.5px;font-weight:600;font-family:var(--font-sans);margin-bottom:6px;display:block}.tag-chip{letter-spacing:.2px;background:var(--paper);color:var(--ink-700);border:1px solid var(--ink-300);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;align-items:center;gap:4px;padding:4px 9px;font-family:inherit;font-size:9.5px;font-weight:500;display:inline-flex}.tag-chip:hover{border-color:var(--ink-900);color:var(--ink-900);background:var(--ink-50)}.tag-chip.active{background:var(--accent);border-color:var(--accent);color:var(--paper)}.ghost-card{background:var(--paper);border:1px solid var(--ink-200);border-radius:var(--radius-sm)}.ghost-card-dashed{background:var(--paper);border:1px dashed var(--ink-300);border-radius:var(--radius-sm)}.ghost-card-soft{background:var(--ink-50);border:1px solid var(--ink-200);border-radius:var(--radius-sm)}.checkbox-square{background:var(--paper);border:1px solid var(--ink-300);border-radius:var(--radius-xs);cursor:pointer;width:16px;height:16px;transition:all var(--duration-fast) var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;display:flex}.checkbox-square.checked{background:var(--accent);border-color:var(--accent)}.hint-serif{font-family:var(--font-serif);color:var(--ink-500);font-size:9.5px;font-style:italic}.severity-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px;display:inline-block}.severity-high{background:#dc2626}.severity-mid{background:#ca8a04}.severity-low{background:#16a34a}.heading-serif{font-family:Georgia,Source Serif Pro,Songti SC,serif}.text-muted{color:#525252}.text-hint{color:#71717a}.text-dim{color:#a1a1aa}.border-soft{border-color:#e5e7eb}.bg-cream{background:#fafafa}.bg-paper{background:#fff}.fullscreen-mode{background:#fafafa!important}.fullscreen-mode>:not([data-canvas]){display:none!important}.fullscreen-mode [data-canvas]{margin-left:0!important}.step-subtasks{border-top:1px dashed #e5e7eb;margin-top:6px;padding-top:6px}.step-subtasks .lbl{color:#71717a;letter-spacing:.8px;text-transform:uppercase;margin-bottom:3px;font-size:8.5px;font-weight:600;display:block}.step-subtasks ul{margin:0;padding:0;list-style:none}.step-subtasks li{color:#404040;word-break:break-all;align-items:baseline;gap:5px;margin-bottom:1px;font-size:11px;line-height:1.45;display:flex}.step-subtasks li.done{color:#a1a1aa;text-decoration:line-through}.step-subtasks li.more{color:#a1a1aa;margin-top:2px;font-size:9px;font-style:italic}.step-subtasks .dot{color:var(--ink-900);flex-shrink:0;font-family:Georgia,serif;font-size:10.5px;line-height:1}.step-subtasks li.done .dot{color:#16a34a}.step-comments{border-top:1px dashed #e5e7eb;margin-top:6px;padding-top:6px}.step-comments .lbl{color:#71717a;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px;font-size:8.5px;font-weight:600}.step-comments .cmt{color:#404040;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;font-family:Georgia,Songti SC,serif;font-size:11.5px;font-style:italic;line-height:1.5;display:-webkit-box;overflow:hidden}.step-comments .cmt .dot{color:#a1a1aa;margin-right:2px;font-family:Georgia,serif;font-style:normal}.react-flow__node.person-dimmed{opacity:.22;filter:grayscale(.6);transition:opacity .25s}.react-flow__node.person-dimmed:hover{opacity:.55}.react-flow__node.person-focused{opacity:1;transition:opacity .25s}.react-flow__node.person-focused .step-node{border-color:var(--ink-900);box-shadow:0 0 0 2px #2563eb26}.react-flow__edge.person-dim-edge .react-flow__edge-path{opacity:.15}.sticky-node{border-radius:var(--radius-md);width:200px;height:180px;font-family:var(--font-sans);-webkit-user-select:none;user-select:none;cursor:grab;transition:box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}.sticky-node:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.sticky-node:active{cursor:grabbing}.sticky-tools{opacity:.6;transition:opacity var(--duration-fast) var(--ease-out);z-index:2;gap:2px;display:flex;position:absolute;top:6px;right:6px}.sticky-node:hover .sticky-tools,.sticky-tools:focus-within{opacity:1}.sticky-tool-btn{border-radius:var(--radius-xs);cursor:pointer;width:20px;height:20px;color:var(--ink-600);transition:all var(--duration-fast) var(--ease-out);background:#ffffffd9;border:1px solid #0000001a;justify-content:center;align-items:center;padding:0;font-size:11px;line-height:1;display:flex}.sticky-tool-btn:hover{background:var(--paper);color:var(--ink-900);border-color:var(--ink-900)}.sticky-tool-danger:hover{color:#dc2626;background:#fee2e2;border-color:#dc2626}.sticky-colors{background:var(--paper);border:1px solid var(--ink-200);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:3;gap:3px;padding:4px;display:flex;position:absolute;top:28px;right:6px}.sticky-color-dot{cursor:pointer;width:14px;height:14px;transition:transform var(--duration-fast) var(--ease-out);border-radius:50%;padding:0}.sticky-color-dot:hover{transform:scale(1.2)}.sticky-body{flex:1;padding:14px 10px 6px;display:flex;overflow:hidden}.sticky-textarea{resize:none;width:100%;color:var(--ink-900);background:0 0;border:none;outline:none;padding:0;font-family:inherit;font-size:11.5px;line-height:1.45}.sticky-text{width:100%;color:var(--ink-900);white-space:pre-wrap;word-break:break-word;cursor:text;min-height:24px;font-size:11.5px;line-height:1.45}.sticky-foot{color:#0006;letter-spacing:.3px;text-align:right;padding:4px 10px 6px;font-family:Georgia,serif;font-size:8.5px;font-style:italic}.legend-drawer{z-index:10;background:var(--glass-bg-strong);width:288px;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;gap:10px;padding:18px 16px;display:flex;position:absolute;top:92px;bottom:12px;left:12px;overflow:hidden auto}.legend-drawer-collapsed{z-index:10;-webkit-backdrop-filter:none;width:auto;height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;gap:4px;padding:0;display:flex;position:absolute;top:92px;bottom:auto;left:12px;overflow:visible}.legend-head{border-bottom:1px solid var(--ink-200);justify-content:space-between;align-items:center;margin-bottom:4px;padding:0 2px 12px;display:flex}.legend-head-title{letter-spacing:.5px;color:var(--ink-900);font-size:11px;font-weight:700;font-family:var(--font-sans);text-transform:uppercase}.legend-collapse-btn{background:var(--paper);border:1px solid var(--ink-300);border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;color:var(--ink-600);transition:all var(--duration-fast) var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;display:flex}.legend-collapse-btn:hover{background:var(--accent);color:var(--paper);border-color:var(--accent);box-shadow:var(--shadow-sm);transform:scale(1.05)}.legend-section{border-bottom:1px solid var(--ink-100);flex-direction:column;padding:2px 0;display:flex}.legend-section:last-child{border-bottom:none}.legend-section-head{cursor:pointer;border-radius:var(--radius-sm);width:100%;transition:background var(--duration-fast) var(--ease-out);background:0 0;border:none;align-items:center;gap:7px;padding:8px 10px;display:flex}.legend-section-head:hover{background:var(--ink-100)}.legend-section-head>span:nth-child(2){letter-spacing:.6px!important;font-size:10.5px!important;font-weight:700!important}.legend-section-body{animation:sectionOpen var(--duration-base) var(--ease-out);padding:6px 10px 12px 24px}@keyframes sectionOpen{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.legend-chip{border-radius:var(--radius-xs);letter-spacing:.2px;cursor:pointer;white-space:nowrap;transition:all var(--duration-fast) var(--ease-out);-webkit-user-select:none;user-select:none;align-items:center;gap:4px;padding:5px 10px;font-size:10px;font-weight:500;display:inline-flex}.legend-chip:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.legend-mini-btn{background:var(--paper);border:1px solid var(--ink-300);border-radius:var(--radius-xs);cursor:pointer;color:var(--ink-700);letter-spacing:.3px;transition:all var(--duration-fast) var(--ease-out);padding:4px 10px;font-size:9.5px;font-weight:600}.legend-mini-btn:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-active)}.print-overlay{display:none}@media screen{.print-overlay{visibility:hidden;pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}}.print-page{page-break-after:always;-moz-column-break-after:page;break-after:page;background:var(--paper);color:var(--ink-900);font-family:"\"Microsoft YaHei\"","\"PingFang SC\"","\"Source Han Sans CN\"","\"Noto Sans CJK SC\"",Inter,sans-serif}.print-page:last-child{page-break-after:auto;-moz-column-break-after:auto;break-after:auto}.print-page-header{border-bottom:2px solid var(--accent);justify-content:space-between;align-items:flex-end;margin-bottom:14px;padding:0 0 12px;display:flex}.print-page-canvas{justify-content:center;align-items:center;padding:12px 0;display:flex}.print-page-canvas img{border:1px solid var(--ink-200);max-width:100%;max-height:100%}.print-page-empty{text-align:center;color:var(--ink-400);padding:60px 0;font-size:12px}.print-page-cover{flex-direction:column;justify-content:center;min-height:90vh;padding:80px 60px 60px;display:flex;position:relative}.print-cover-mark{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-active) 100%);color:#fff;border-radius:var(--radius-md);justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:28px;font-family:Georgia,serif;font-size:36px;font-weight:600;display:flex;box-shadow:0 4px 12px #2a78d64d}.print-cover-meta{border-top:1px solid var(--ink-200);margin-top:40px;padding-top:24px}.print-cover-row{border-bottom:1px dashed var(--ink-200);padding:10px 0;display:flex}.print-cover-label{width:100px;color:var(--ink-500);font-family:Georgia,serif;font-size:10.5px;font-style:italic}.print-cover-value{color:var(--ink-900);flex:1;font-size:12px;font-weight:500}@media print{@page{size:A4 landscape;margin:12mm}html,body,#root{background:#fff!important;height:auto!important;overflow:visible!important}.app-shell{display:none!important}.print-overlay{visibility:visible!important;pointer-events:auto!important;width:auto!important;height:auto!important;display:block!important;position:static!important;overflow:visible!important}.print-page{min-height:0}}.hover\:text-ink-900:hover{--tw-text-opacity:1;color:rgb(23 23 23/var(--tw-text-opacity,1))}.hover\:text-red-700:hover{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.hover\:text-red-900:hover{--tw-text-opacity:1;color:rgb(127 29 29/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100{opacity:1}