.visual-editor{min-width:0;font-size:12px}.visual-editor button{cursor:pointer;color:#34343a;background:#f2f2f3;border:0;border-radius:5px;padding:8px 10px;font-size:11px;font-weight:500}.visual-editor button:hover{background:#e8e8eb}.visual-editor button:disabled{opacity:.38;cursor:default}.visual-editor .ve-primary,.visual-editor button[aria-pressed=true]{color:#fff;background:#18181b}.ve-toolbar{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;display:flex}.ve-toolbar-spacer{flex:1}.ve-workspace{grid-template-columns:minmax(0,1fr) 270px;gap:12px;height:max(570px,100svh - 205px);display:grid}.ve-inspector{scrollbar-width:thin;scrollbar-color:#d4d4d8 transparent;background:#fafafa;border-radius:7px;min-width:0;overflow:auto}.ve-document-actions{gap:6px;margin-top:16px;display:flex}.ve-center{flex-direction:column;min-width:0;min-height:0;display:flex}.ve-canvas{flex:1;min-height:280px;position:relative;overflow:hidden}.ve-diagram.react-draw{--react-draw-background:#fff;--react-draw-grid:transparent;--react-draw-accent:#18181b;--react-draw-muted:#71717a;border:0;border-radius:0}.ve-canvas[data-grid=true] .ve-diagram{--react-draw-grid:#e4e4e7}.ve-diagram .react-draw__edge-label{fill:#71717a;stroke:#fff}.ve-camera{gap:4px;display:flex;position:absolute;bottom:10px;left:10px}.ve-camera button{background:#f6f6f7e8}.ve-connect-notice{background:#f0eef7;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;font-size:11px;display:flex;position:absolute;top:10px;left:10px;right:10px}.ve-inspector{padding:10px 12px}.ve-field{color:#45454d;grid-template-columns:minmax(0,1fr) 130px;align-items:center;gap:8px;min-height:36px;font-size:10px;display:grid}.ve-field input:not([type=checkbox]),.ve-field select{color:#27272a;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #e8e8eb;border-radius:4px;padding:6px 7px}.ve-field input[type=checkbox]{accent-color:#18181b;justify-self:end;width:15px;height:15px}.ve-field input[type=color]{height:28px;padding:3px}.ve-inspector-actions{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.ve-inspector-actions>span{color:#71717a;font-size:10px}.ve-inspector .ve-wide-button{width:100%;margin:10px 0}.ve-port{border-bottom:1px solid #e8e8eb;margin-block:4px;padding:6px 0 10px}.ve-port button{margin-top:5px}.ve-help{color:#81818a;margin-top:20px;font-size:10px;line-height:1.7}.ve-empty{color:#81818a;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;display:flex}.ve-status{color:#71717a;justify-content:space-between;gap:20px;padding:12px 2px;font-size:10px;display:flex}.ve-status>span{flex-shrink:0}.ve-code{background:#fafafa;border:1px solid #eee;border-radius:6px;flex-direction:column;flex-shrink:0;min-width:0;height:260px;display:flex;overflow:hidden}.ve-code>div:first-child{align-items:center;gap:8px;padding:8px 12px;font-size:10px;display:flex}.ve-code>div:first-child>span{margin-right:auto}.ve-code>div:last-child{flex:1;font-family:ui-monospace,monospace;font-size:11px;line-height:1.6;overflow:auto}.ve-code pre{min-width:max-content;padding:14px!important}.ve-dialog-backdrop{z-index:60;background:#0004;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.ve-dialog{background:#fff;border-radius:10px;width:min(640px,100%);max-height:90svh;padding:20px;overflow:auto;box-shadow:0 20px 80px #0002}.ve-dialog>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.ve-dialog p{color:#71717a;font-size:12px;line-height:1.6}.ve-dialog textarea{resize:vertical;border:1px solid #ddd;border-radius:5px;width:100%;height:300px;margin-bottom:14px;padding:12px;font:11px/1.7 ui-monospace,monospace}.ve-dialog p[role=alert]{color:#a43c3c}@media (width>=801px) and (width<=1100px){.ve-workspace{grid-template-columns:minmax(0,1fr) 245px;gap:8px}.ve-field{grid-template-columns:minmax(0,1fr) 115px}}@media (width<=800px){.ve-workspace{grid-template-columns:minmax(0,1fr) 260px;height:auto}.ve-center{min-height:580px}.ve-inspector{max-height:650px}.ve-code{height:220px}.ve-status{flex-wrap:wrap;gap:6px}}@media (width<=600px){.ve-workspace{grid-template-columns:minmax(0,1fr)}.ve-inspector{max-height:480px}.ve-center,.ve-canvas{min-height:500px}.ve-toolbar-spacer{display:none}.ve-field{grid-template-columns:minmax(0,1fr) minmax(130px,1fr)}.ve-code>div:first-child{flex-wrap:wrap}.ve-dialog textarea{height:220px}}.visual-editor button.ve-primary:hover,.visual-editor button[aria-pressed=true]:hover{color:#fff;background:#333338}.ve-connection-layer,.ve-connectable-node{width:100%;height:100%;position:relative}.visual-editor .ve-connection-handle{z-index:2;opacity:0;cursor:crosshair;touch-action:none;background:0 0;border:0;border-radius:50%;place-items:center;width:22px;height:22px;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.ve-connection-handle>span{pointer-events:none;background:#fff;border:1.5px solid #71717a;border-radius:50%;width:8px;height:8px}.ve-connectable-node:hover .ve-connection-handle,.ve-connectable-node[data-selected=true] .ve-connection-handle,.ve-connection-layer[data-connecting=true] .ve-connection-handle,.ve-connection-handle:focus-visible{opacity:1}.visual-editor .ve-connection-handle:hover{background:#e6e3f480}.ve-connection-handle:hover>span{background:#18181b;border-color:#18181b}.ve-connectable-node[data-connection-target=true]>div{outline-offset:4px;outline:2px solid #79738e}.ve-connection-preview{pointer-events:none;color:#52525b;z-index:4;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ve-drag-tip{pointer-events:none;color:#52525b;white-space:nowrap;z-index:5;background:#f4f3f8;border-radius:5px;padding:8px 12px;font-size:10px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}@media (hover:none){.visual-editor .ve-connection-handle{opacity:1;width:30px;height:30px}}.ve-selectable-edge{cursor:pointer;outline:none}.ve-selectable-edge .react-draw__edge-hit-area{stroke-width:22px;pointer-events:stroke}.ve-selectable-edge .react-draw__edge-label{pointer-events:all;cursor:pointer}.ve-selectable-edge:hover .react-draw__edge,.ve-selectable-edge:focus-visible .react-draw__edge{stroke:#52525b;stroke-width:calc(var(--react-draw-edge-width) + 1px)}.ve-selectable-edge[data-selected=true] .react-draw__edge{stroke:#18181b;stroke-width:calc(var(--react-draw-edge-width) + 2px)}.ve-selectable-edge[data-selected=true] .react-draw__edge-label{fill:#18181b;font-weight:600}.ve-edge-handle{fill:#fff;stroke:#52525b;stroke-width:1.5px;vector-effect:non-scaling-stroke;cursor:grab;touch-action:none;pointer-events:all}.ve-edge-handle:hover{fill:#e9e6f2;stroke:#18181b}.ve-edge-handle:active{cursor:grabbing}.ve-edge-handle[data-edge-handle=path]{fill:#52525b}.ve-selection-layer{width:100%;height:100%;position:relative}.ve-marquee{pointer-events:none;z-index:8;background:#79738e18;border:1px solid #79738e;position:absolute}.ve-selection-summary{color:#71717a;margin:0 0 12px;font-size:10px}.ve-arrange{grid-template-columns:1fr 1fr;gap:5px;margin:12px 0;display:grid}.ve-arrange button{min-height:32px}.visual-editor:focus{outline:none}