:root{--lf-color-trigger: #4caf50;--lf-color-action: #2196f3;--lf-color-ai: #9c27b0;--lf-color-control: #ff9800;--lf-color-transform: #e91e63;--lf-color-service: #009688;--lf-color-default: #9e9e9e}.localflow-app{background-color:var(--bg-color, #f9fafb);color:var(--text-color, #374151)}.localflow-paper{background-color:var(--paper-bg-color, #ffffff)!important;border-color:var(--border-color, #e5e7eb)!important}.localflow-header{background-color:var(--header-bg, #ffffff)!important;border-bottom:1px solid var(--border-color, #e5e7eb)!important;color:var(--text-color)!important}.flow-node-wrapper{--node-color: var(--lf-color-default);background-color:var(--paper-bg-color, #ffffff);border:2px solid transparent;border-radius:8px;transition:all .2s ease;color:var(--text-color)}.flow-node-wrapper{background-color:color-mix(in srgb,var(--node-color),white 90%);border-color:var(--node-color)}body[data-theme-mode=dark] .flow-node-wrapper{background-color:color-mix(in srgb,var(--node-color),#1e1e1e 90%);border-color:var(--node-color);box-shadow:0 4px 6px #0006}.flow-node-wrapper.selected{border-color:var(--primary-color, #2196f3)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-color, #2196f3),transparent 60%)}.flow-node-header{border-bottom:1px solid color-mix(in srgb,var(--node-color),transparent 80%)}.node-cat-trigger{--node-color: var(--lf-color-trigger)}.node-cat-action{--node-color: var(--lf-color-action)}.node-cat-ai{--node-color: var(--lf-color-ai)}.node-cat-control{--node-color: var(--lf-color-control)}.node-cat-transform{--node-color: var(--lf-color-transform)}.node-cat-service{--node-color: var(--lf-color-service)}.lf-draggable-item{--item-color: var(--lf-color-default);border-radius:4px;margin-bottom:4px;padding-top:4px;padding-bottom:4px;cursor:grab;transition:all .2s ease;border:1px solid color-mix(in srgb,var(--item-color),transparent 80%);background-color:color-mix(in srgb,var(--item-color),transparent 95%)}body[data-theme-mode=dark] .lf-draggable-item{background-color:color-mix(in srgb,var(--item-color),transparent 90%)}.lf-draggable-item:hover{background-color:color-mix(in srgb,var(--item-color),transparent 85%);border-color:var(--item-color)}.lf-draggable-item:active{cursor:grabbing}.react-flow__background{background-color:var(--bg-color, #f9fafb)!important}.react-flow__background circle{fill:var(--border-color, #e0e0e0)!important;opacity:.5}body[data-theme-mode=dark] .react-flow__background circle{fill:#444!important}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{background-color:var(--paper-bg-color, #fff)!important;border-bottom:1px solid var(--border-color, #eee)!important;fill:var(--text-color, #000)!important}.react-flow__controls-button:hover{background-color:var(--action-hover-bg, #f5f5f5)!important}.react-flow__minimap{background-color:var(--paper-bg-color, #fff)!important}