:root{--widget-image-accent:#3b82f6;--widget-audio-accent:#f59e0b;--widget-video-accent:#8b5cf6;--widget-todo-accent:#10b981;--widget-location-accent:#ef4444}::placeholder{font-style:italic!important}.react-flow__node{box-shadow:none!important;color:var(--color-foreground)!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important;font-size:13px!important}.react-flow__node>div{width:100%;height:100%}.react-flow__node.selected{box-shadow:none!important}.react-flow__handle.smart-handle{z-index:12;min-width:44px;min-height:44px;transition:opacity .2s,transform .2s,box-shadow .2s;border:2px solid var(--color-surface,#0f172a)!important;background:var(--color-accent,#3b82f6)!important;box-sizing:content-box!important;opacity:0!important;pointer-events:none!important;background-clip:content-box!important;border-radius:50%!important;width:12px!important;height:12px!important;padding:16px!important}.react-flow__handle.smart-handle:after{content:"";background:var(--color-accent,#3b82f6);border:2px solid var(--color-surface,#0f172a);border-radius:50%;width:12px;height:12px;transition:transform .15s,box-shadow .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.react-flow__node:hover .react-flow__handle.smart-handle,.react-flow__node.selected .react-flow__handle.smart-handle{opacity:1!important;pointer-events:all!important}.react-flow__handle.smart-handle:hover:after{box-shadow:0 0 0 4px var(--color-accent);transform:translate(-50%,-50%)scale(1.3)}@supports (color:color-mix(in lab, red, red)){.react-flow__handle.smart-handle:hover:after{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent)25%,transparent)}}.react-flow__node.connecting .react-flow__handle.smart-handle{opacity:1!important;pointer-events:all!important}.react-flow__handle.smart-handle.connectingto:after{box-shadow:0 0 0 6px var(--color-accent);transform:translate(-50%,-50%)scale(1.4)}@supports (color:color-mix(in lab, red, red)){.react-flow__handle.smart-handle.connectingto:after{box-shadow:0 0 0 6px color-mix(in srgb,var(--color-accent)30%,transparent)}}.react-flow__handle.smart-handle{background:0 0!important;border-color:#0000!important}.n8n-card{background:var(--color-surface);border:1.5px solid var(--color-border-light,var(--color-border));cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:10px;flex-direction:column;width:100%;height:100%;transition:border-color .2s,box-shadow .2s,transform .15s;animation:.25s ease-out card-in;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000059,0 0 #0000}.n8n-card button,.n8n-card input,.n8n-card textarea,.n8n-card select,.n8n-card a,.n8n-card label,.n8n-card [role=button],.n8n-card .nodrag{-webkit-user-select:auto;user-select:auto;touch-action:manipulation!important}.n8n-card .widget-content,.n8n-card .nopan,.n8n-card .nowheel{-webkit-overflow-scrolling:touch;touch-action:pan-y pinch-zoom!important}.n8n-card>.widget-header,.n8n-card>div:first-of-type{flex-shrink:0}.widget-content{flex:1;min-height:0;overflow:hidden auto}.widget-content::-webkit-scrollbar{width:4px}.widget-content::-webkit-scrollbar-track{background:0 0}.widget-content::-webkit-scrollbar-thumb{background:var(--color-border,#334155);border-radius:2px}.widget-content::-webkit-scrollbar-thumb:hover{background:var(--color-muted,#475569)}.additional-notes{flex-shrink:0;max-height:none;overflow:visible}.additional-notes::-webkit-scrollbar{width:3px}.additional-notes::-webkit-scrollbar-track{background:0 0}.additional-notes::-webkit-scrollbar-thumb{background:var(--color-border,#334155);border-radius:2px}.widget-close-btn{color:#fff;cursor:pointer;opacity:0;z-index:5;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;transition:opacity .15s,background-color .15s;display:flex;position:absolute;top:8px;right:8px}.widget-close-btn:hover{background:#000c}.n8n-card:hover .widget-close-btn,.n8n-card.selected .widget-close-btn{opacity:1}.react-flow__resize-control.line{display:none!important}.widget-resize-grip.react-flow__resize-control.handle{background:var(--color-surface)!important;width:20px!important;height:20px!important;bottom:3px!important;right:3px!important;transform:translate(-50%,-50%)!important}@supports (color:color-mix(in lab, red, red)){.widget-resize-grip.react-flow__resize-control.handle{background:color-mix(in srgb,var(--color-surface)85%,transparent)!important}}.widget-resize-grip.react-flow__resize-control.handle{opacity:0;z-index:12;transition:opacity .15s,border-color .15s,background .15s;border:1px solid var(--color-border-light)!important;cursor:nwse-resize!important;border-radius:4px!important}.react-flow__node:hover .widget-resize-grip.react-flow__resize-control.handle,.react-flow__node.selected .widget-resize-grip.react-flow__resize-control.handle{opacity:1!important}.widget-resize-grip.react-flow__resize-control.handle:hover{border-color:var(--widget-border-accent,var(--color-accent))!important;background:var(--color-surface-hover)!important}@supports (color:color-mix(in lab, red, red)){.widget-resize-grip.react-flow__resize-control.handle:hover{background:color-mix(in srgb,var(--color-surface-hover)90%,transparent)!important}}.n8n-card [data-slot=input]{border-color:var(--widget-border-accent,var(--color-border))!important}@supports (color:color-mix(in lab, red, red)){.n8n-card [data-slot=input]{border-color:color-mix(in srgb,var(--widget-border-accent,var(--color-border))35%,var(--color-border))!important}}.n8n-card [data-slot=input]:focus-visible{border-color:var(--widget-border-accent,var(--color-accent))!important;box-shadow:0 0 0 3px var(--widget-ring-color,#3b82f640)!important}@supports (color:color-mix(in lab, red, red)){.n8n-card [data-slot=input]:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--widget-ring-color,#3b82f640)65%,transparent)!important}}.widget-dropzone{border:2px dashed var(--widget-accent,var(--color-muted))}@supports (color:color-mix(in lab, red, red)){.widget-dropzone{border:2px dashed color-mix(in srgb,var(--widget-accent,var(--color-muted))25%,transparent)}}.widget-dropzone{border-radius:6px;transition:border-color .15s,background-color .15s}.widget-dropzone:hover{border-color:var(--widget-accent,var(--color-muted))}@supports (color:color-mix(in lab, red, red)){.widget-dropzone:hover{border-color:color-mix(in srgb,var(--widget-accent,var(--color-muted))40%,transparent)}}.widget-dropzone:hover{background:var(--widget-accent,var(--color-muted))}@supports (color:color-mix(in lab, red, red)){.widget-dropzone:hover{background:color-mix(in srgb,var(--widget-accent,var(--color-muted))5%,transparent)}}.n8n-card:hover{border-color:var(--color-muted);box-shadow:0 6px 24px #00000073,0 0 #0000}.n8n-card.selected{border-color:var(--widget-border-accent,var(--color-accent));box-shadow:0 6px 24px #00000040,0 0 0 2.5px var(--widget-ring-color,var(--color-accent))}@supports (color:color-mix(in lab, red, red)){.n8n-card.selected{box-shadow:0 6px 24px #00000040,0 0 0 2.5px var(--widget-ring-color,color-mix(in srgb,var(--color-accent)20%,transparent))}}.n8n-card:active{cursor:grabbing}.n8n-card.is-note{box-shadow:0 3px 10px #0003,2px 2px #0000000a}.n8n-card.is-note:hover{box-shadow:0 6px 20px #00000040,2px 2px #0000000f}.n8n-card.is-note.selected{box-shadow:0 6px 20px #00000040,0 0 0 2.5px var(--note-ring-color,#d9770640);border-color:var(--note-border-accent,#d97706)!important}@keyframes card-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.handle-corner-tri{opacity:0;pointer-events:none;z-index:11;width:0;height:0;transition:opacity .2s;position:absolute}.react-flow__node.selected .handle-corner-tri{opacity:1}.handle-corner-tri--tl{border-top:8px solid var(--color-accent);border-right:8px solid #0000;top:-1px;left:-1px}.handle-corner-tri--tr{border-top:8px solid var(--color-accent);border-left:8px solid #0000;top:-1px;right:-1px}.handle-corner-tri--bl{border-bottom:8px solid var(--color-accent);border-right:8px solid #0000;bottom:-1px;left:-1px}.handle-corner-tri--br{border-bottom:8px solid var(--color-accent);border-left:8px solid #0000;bottom:-1px;right:-1px}.react-flow__selection{border:1px solid var(--color-accent)!important;background:var(--color-accent)!important}@supports (color:color-mix(in lab, red, red)){.react-flow__selection{background:color-mix(in srgb,var(--color-accent)8%,transparent)!important}}.react-flow__selection{border-radius:4px!important}.react-flow-controls-themed{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;flex-direction:column;gap:0;display:flex;overflow:hidden;box-shadow:0 8px 24px #0000002e}.react-flow-controls-themed .react-flow__controls-button{background:var(--color-surface);border:none;border-bottom:1px solid var(--color-border);width:28px;height:28px;color:var(--color-muted);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:flex}.react-flow-controls-themed .react-flow__controls-button:hover{background:var(--color-surface-hover);color:var(--color-foreground)}.react-flow-controls-themed .react-flow__controls-button:last-child{border-bottom:none}.react-flow-controls-themed .react-flow__controls-button svg{width:14px;height:14px}.react-flow__minimap{overflow:hidden;background:var(--color-surface)!important;border:1px solid var(--color-border)!important;border-radius:8px!important}.react-flow__minimap-mask{fill:var(--color-background)!important;opacity:.6!important}.react-flow__minimap-node{fill:var(--color-accent)!important;opacity:.8!important}.react-flow__pane{touch-action:pan-x pan-y pinch-zoom}.react-flow__controls-button,.react-flow__minimap{touch-action:manipulation}.react-flow__viewport{touch-action:pan-x pan-y pinch-zoom}.widget-input{background:var(--color-surface-light,#1e293b);border:1px solid var(--color-border,#334155);color:var(--color-foreground,#f8fafc);border-radius:6px;transition:border-color .2s,box-shadow .2s,background-color .15s;box-shadow:inset 0 1px 3px #00000040}.widget-input::placeholder{color:var(--color-muted,#64748b);opacity:.7}.widget-input:hover{border-color:var(--color-muted,#475569);background:var(--color-surface-light,#1e293b)}@supports (color:color-mix(in lab, red, red)){.widget-input:hover{background:color-mix(in srgb,var(--color-surface-light,#1e293b)90%,white)}}.widget-input:focus{border-color:var(--color-accent,#3b82f6);box-shadow:inset 0 1px 3px #0003,0 0 0 2px var(--color-accent,#3b82f6)}@supports (color:color-mix(in lab, red, red)){.widget-input:focus{box-shadow:inset 0 1px 3px #0003,0 0 0 2px color-mix(in srgb,var(--color-accent,#3b82f6)18%,transparent)}}.widget-input:focus{background:var(--color-surface-light,#1e293b)}.widget-textarea{transition:color .15s}.widget-textarea::placeholder{color:var(--color-muted,#64748b);opacity:.6}.widget-btn-primary{color:#fff;cursor:pointer;border:none;border-radius:6px;padding:5px 10px;font-size:10px;font-weight:600;line-height:1;transition:filter .15s,box-shadow .15s,transform .1s;box-shadow:0 1px 3px #0000004d,inset 0 1px #ffffff1f}.widget-btn-primary:hover{filter:brightness(1.12);box-shadow:0 2px 6px #0006,inset 0 1px #ffffff26}.widget-btn-primary:active{filter:brightness(.95);transform:scale(.97)}.widget-btn-primary:disabled{opacity:.35;cursor:not-allowed;filter:none;transform:none}.widget-btn-ghost{border:1px solid var(--color-border,#334155);color:var(--color-muted,#64748b);cursor:pointer;background:0 0;border-radius:6px;transition:color .15s,background-color .15s,border-color .15s}.widget-btn-ghost:hover{color:var(--color-foreground,#f8fafc);background:var(--color-surface-hover,#263348);border-color:var(--color-muted,#475569)}.widget-btn-ghost:active{background:var(--color-surface-light,#1e293b)}.widget-dropzone{border:2px dashed var(--color-border,#334155);cursor:pointer;border-radius:8px;transition:border-color .2s,background-color .2s}.widget-dropzone:hover{border-color:var(--color-muted,#475569);background:var(--color-surface-light,#1e293b)}@supports (color:color-mix(in lab, red, red)){.widget-dropzone:hover{background:color-mix(in srgb,var(--color-surface-light,#1e293b)50%,transparent)}}.widget-dropzone.dragging-over{border-color:var(--color-accent,#3b82f6);background:var(--color-accent,#3b82f6)}@supports (color:color-mix(in lab, red, red)){.widget-dropzone.dragging-over{background:color-mix(in srgb,var(--color-accent,#3b82f6)8%,transparent)}}.widget-header{cursor:grab;-webkit-user-select:none;user-select:none;border-radius:9px 9px 0 0;align-items:center;gap:8px;padding:7px 12px;display:flex}.widget-header:active{cursor:grabbing}.widget-header__icon{color:#ffffffe6;flex-shrink:0;display:flex}.widget-header__title{color:#fff;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.02em;flex:1;font-size:12px;font-weight:700;overflow:hidden}.widget-header__badge{color:#fffc;background:#0000004d;border-radius:4px;flex-shrink:0;padding:2px 6px;font-family:ui-monospace,Cascadia Code,monospace;font-size:10px}.widget-checkbox{cursor:pointer;border:1.5px solid #475569;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:background-color .15s,border-color .15s,transform .1s;display:flex}.widget-checkbox:hover{border-color:#64748b}.widget-checkbox:active{transform:scale(.9)}.widget-checkbox.checked{border-color:#0000;box-shadow:inset 0 1px #ffffff26}
