.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #555;--xy-background-pattern-lines-color-default: #333;--xy-background-pattern-cross-color-default: #333;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.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__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.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.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.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-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.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:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.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-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.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{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.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-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}@font-face{font-family:Inter;src:url(./manrope-latin.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF}@font-face{font-family:Inter;src:url(./manrope-cyrillic.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0400-052F}#liquid-scene{position:fixed;inset:0;width:100vw;height:100dvh;z-index:-2;pointer-events:none}.sg-pane{position:absolute!important;inset:0;width:100%;height:100%;border-radius:inherit;z-index:-1;pointer-events:none}:root{font-family:Inter,system-ui,sans-serif;color:#162958;background:#e6eeff;font-synthesis:none;font-size:13px;--muted:#7686aa;--blue:#3564fa;--line:rgba(132,162,211,.22)}*{box-sizing:border-box}html,body,#root{margin:0;min-width:360px;height:100%;overflow:hidden}body{background:radial-gradient(ellipse at 20% 15%,#f4f8ff55,transparent 50%),radial-gradient(ellipse at 75% 95%,#aaccff55,transparent 65%),#e4edff}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:var(--blue);text-decoration:none}button{border:0;background:none}svg{flex-shrink:0}input,textarea,select{outline:none}input:focus,textarea:focus,select:focus{border-color:#7198ff!important;box-shadow:0 0 0 3px #3564fa0d}textarea{resize:vertical}input[type=checkbox]{accent-color:var(--blue)}.glass{position:relative;isolation:isolate;border:1px solid rgba(255,255,255,.76);background:#f2f8ff4d;box-shadow:inset 0 1px #fff9,0 4px 18px #4c73b211}.sg-pane{pointer-events:none}.app-shell{height:100dvh;display:flex;padding:12px;gap:12px}.rail{width:74px;flex-shrink:0;border-radius:24px;padding:17px 6px;display:flex;flex-direction:column;align-items:center;background:#f6faff70}.logo img{width:31px;height:31px;object-fit:contain}.rail-links{margin-top:38px;display:flex;flex-direction:column;gap:15px;width:100%}.rail-link{color:#8a9dbf;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:8px;font-weight:600;padding:10px 0;width:100%;border-radius:13px;transition:.18s}.rail-link.active{color:#3664ff;background:#ceddff80;box-shadow:inset 0 1px 1px #fff,0 4px 12px #4976df12}.rail-link:hover{color:var(--blue);background:#d5e3ff50}.rail-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:center;width:100%;gap:20px}.avatar{width:34px;height:34px;background:linear-gradient(135deg,#dce9ff,#c1d0ff);border:1px solid white;border-radius:50%;font-size:11px;font-weight:700;color:#4966a5;display:grid;place-items:center}.main-area{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 15px 10px 8px;flex-shrink:0}.top-brand{font-size:17px;letter-spacing:.4px;font-weight:800;display:flex;gap:14px;align-items:center}.top-brand b{font-weight:500;font-size:16px;letter-spacing:-.3px}.separator{color:#9aaccf;margin:0 12px;font-weight:400}.workspace-label{display:flex;gap:10px;align-items:center;color:#6a7da6;font-size:11px}.live-dot{width:6px;height:6px;border-radius:50%;background:#30b49d;display:inline-block;box-shadow:0 0 0 3px #30b49d13}.top-right{display:flex;align-items:center;gap:17px}.included-badge{display:flex;align-items:center;gap:6px;font-size:10px;color:#6277a1}.icon-button{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;color:#7990b8;border-radius:9px}.icon-button:hover{background:#d5e4ff70}.button{display:inline-flex;gap:8px;align-items:center;justify-content:center;border-radius:10px;padding:10px 15px;color:#466393;white-space:nowrap;font-size:11px;font-weight:550;transition:transform .15s,box-shadow .15s}.button:hover{box-shadow:0 3px 16px #4874cc24}.button:active{transform:translateY(1px)}.button.primary{background:linear-gradient(135deg,#487dff95,#5365ffb0);color:#fff;border-color:#99bcff90;box-shadow:inset 0 1px #c9d9ff80,0 5px 15px #3664ff22}.button.primary:hover{background:linear-gradient(135deg,#4674ffbd,#586affca)}.flow-toolbar{height:81px;display:flex;align-items:center;justify-content:space-between;padding:14px 19px 17px 8px;flex-shrink:0}.flow-title{display:flex;align-items:center;gap:13px;min-width:0}.flow-symbol{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#eff7ffaa,#aaccff50);border:1px solid #fff9;box-shadow:inset 0 1px #fff,0 4px 12px #779bda13;display:inline-flex;align-items:center;justify-content:center;color:#5c7df4}.flow-title>div{display:flex;flex-direction:column;gap:6px;min-width:0}.title-input,.description-input{border:0!important;background:transparent;padding:0;box-shadow:none!important;min-width:150px}.title-input{font-size:15px;font-weight:650;width:240px}.description-input{font-size:10px;color:#7d90b1;width:260px}.status-pill{display:inline-flex;align-items:center;border:1px solid #e5b76035;background:#ffe8b43b;color:#a98c44;padding:4px 8px;border-radius:6px;font-size:9px;font-weight:550;white-space:nowrap}.status-pill.published{background:#beefda40;border-color:#82cbae40;color:#218f78}.flow-actions{display:flex;gap:8px}.builder{min-height:0;flex:1;display:flex;border:1px solid #fff9;border-radius:20px;background:#eff5ff22;box-shadow:0 12px 40px #5177b50d;overflow:hidden}.palette{width:234px;flex-shrink:0;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:15px 13px 11px;background:#f1f6ff30}.palette-switch{border:1px solid #b9cffb40;border-radius:10px;padding:3px;display:flex;background:#dce7ff40;margin-bottom:18px}.palette-switch button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;font-weight:600;border-radius:7px;padding:7px 2px;color:#8495b4}.palette-switch button.selected{background:#f7faff99;color:#4c6cd7;box-shadow:0 2px 6px #5c82cf12}.palette h2{font-size:12px;letter-spacing:-.2px;margin:0 0 5px}.muted{color:var(--muted);font-weight:400;line-height:1.6}.small{font-size:10px}.tiny{font-size:9px}.palette p{margin:0}.search-box{margin:15px 0 8px;padding:9px 8px;display:flex;align-items:center;gap:7px;border:1px solid #b9cffb60;border-radius:9px;background:#f7faff50;color:#94a6c6}.search-box input{border:0;background:none;width:100%;min-width:0;font-size:10px;box-shadow:none}.search-box kbd{font-size:8px;white-space:nowrap;opacity:.6}.palette-scroll{overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#c1d0ed transparent}.node-group h3{display:flex;justify-content:space-between;align-items:center;letter-spacing:.7px;text-transform:uppercase;font-size:8px;color:#9aabc7;font-weight:650;margin:17px 3px 10px}.palette-node{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border-radius:8px;padding:5px 4px;margin:2px 0;font-size:10px;font-weight:500;cursor:grab}.palette-node:hover{background:#cee0ff60}.palette-node .brand{width:25px;height:25px;border-radius:7px}.grip{margin-left:auto;color:#91a9d8;opacity:0}.palette-node:hover .grip{opacity:1}.brand{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:11px;background:linear-gradient(140deg,#fcfeff90,#c4d9ff70);border:1px solid #fff9;box-shadow:inset 0 1px 2px #fff7,0 3px 7px #759add0c;color:#5082eb}.brand img{width:70%;height:70%;object-fit:contain}.brand-openai{color:#428a8a;background:linear-gradient(140deg,#ecfff990,#bce5df70)}.brand-branch,.brand-mapping,.brand-merge{color:#8971db;background:linear-gradient(140deg,#f5f0ff90,#d5c6ff80)}.brand-whatsapp{color:#25ad7a;background:linear-gradient(140deg,#ecfff390,#bcebd570)}.brand-telegram{color:#39a0d4}.brand-twilio{color:#e56477;background:linear-gradient(140deg,#fff5f790,#ffcedb70)}.brand-gmail{color:#d87789}.brand-clock{color:#d0a94e;background:linear-gradient(140deg,#fffbea90,#ffe4ae70)}.brand-end{color:#db7a94;background:linear-gradient(140deg,#fff2f790,#ffd4e170)}.brand-firebase{color:#d6a347}.brand-supabase{color:#42a982}.palette-tip{display:flex;align-items:flex-start;gap:8px;padding:10px 8px;margin-top:12px;border-radius:11px;color:#8597b9;font-size:9px;line-height:1.5}.palette-tip>svg{color:#8eabf5;margin-top:1px}.palette-tip button{color:#7d9ce1;padding:0;align-self:center}.canvas{flex:1;min-width:0;position:relative;background:radial-gradient(ellipse at 52% 40%,#f8fbff80,#e2edff16 70%)}.react-flow__pane{cursor:grab}.react-flow__pane:active{cursor:grabbing}.react-flow__node{cursor:grab;isolation:isolate}.node-card{width:232px;border-radius:15px;padding:13px 14px;min-height:69px;border-color:#a5c2ff75;background:linear-gradient(135deg,#f7fbff50,#cfddff30);box-shadow:0 4px 17px #4b79b814,inset 0 1px #fffd;transition:box-shadow .18s,border-color .18s}.node-card.selected{border-color:#719cff90;box-shadow:0 0 0 3px #618fff0d,0 5px 25px #3e78d621,inset 0 1px #fff}.node-main{display:flex;gap:11px;align-items:center}.node-main>div{min-width:0;flex:1}.node-main strong{font-size:11px;font-weight:600;letter-spacing:-.2px;display:block}.node-main small{font-size:8px;color:#7b8faf;margin-top:5px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-ellipsis{color:#9bb1d4;align-self:flex-start}.node-card .brand{width:32px;height:32px;border-radius:10px}.react-flow__handle{background:#7996d0;border:2px solid #f4f8ff;width:9px;height:9px;z-index:4}.react-flow__handle:hover{background:var(--blue);width:12px;height:12px}.node-branches{display:flex;justify-content:space-around;font-size:7px;font-weight:650;letter-spacing:.5px;margin:9px -13px -8px;color:#21a991}.node-branches span+span{color:#d481a3}.node-branches .react-flow__handle{background:currentColor}.canvas-top{position:absolute;top:14px;left:15px;right:15px;display:flex;justify-content:space-between;pointer-events:none}.canvas-mode{border-radius:8px;padding:7px 9px;font-size:9px;color:#8ba1c6;display:flex;gap:9px;align-items:center}.dim-divider{color:#b1c5e6}.undo-controls{display:flex;border:1px solid #fafdff;border-radius:9px;background:#eff6ff80;pointer-events:auto}.undo-controls button{padding:7px;color:#7c97c8;display:flex}.canvas-hint{position:absolute;bottom:14px;left:80px;right:185px;text-align:center;pointer-events:none;font-size:8px;color:#94aacf;display:flex;justify-content:center;gap:17px}.canvas-hint span+span:before{content:"·";margin-right:17px}.react-flow__controls{border:1px solid white!important;border-radius:10px;overflow:hidden;box-shadow:0 3px 15px #487ac515!important}.react-flow__controls-button{background:#edf4ff!important;border-bottom:1px solid #d7e5ff!important;color:#6486bc!important;width:25px;height:25px}.react-flow__minimap{background:#eef5ff99!important;border:1px solid #fff!important;border-radius:12px;width:144px;height:98px;overflow:hidden;box-shadow:0 5px 20px #7095ca12}.inspector{width:294px;flex-shrink:0;border-left:1px solid var(--line);display:flex;flex-direction:column;background:#f3f7ff50}.inspector-heading{display:flex;gap:10px;align-items:center;padding:20px 15px 14px}.inspector-heading input{width:100%;background:none;border:0;font-size:12px;font-weight:600;padding:0;box-shadow:none}.inspector-heading p{font-size:9px;color:#8699bb;margin:5px 0 0}.inspector-heading p span{font-size:8px;opacity:.7}.inspector-heading .brand{width:35px;height:35px}.inspector-tabs{display:flex;margin:0 15px;border-bottom:1px solid var(--line);gap:18px}.inspector-tabs button{font-size:10px;color:#7e90b2;padding:12px 0 10px;border-bottom:2px solid transparent;font-weight:550}.inspector-tabs button.active{border-color:#6287ff;color:#517bf1}.inspector-body{flex:1;overflow:auto;padding:13px 15px;scrollbar-width:thin;scrollbar-color:#c9d7ed transparent}.inspector-note{font-size:9px;color:#9aaacd;line-height:1.6;display:flex;gap:7px;align-items:flex-start;margin:2px 0 18px}.form-label{display:flex;flex-direction:column;gap:8px;font-weight:550;font-size:10px;margin:15px 0 17px}.form-label input,.form-label select,.form-label textarea,.row-field textarea,.row-field>select{border:1px solid #b6cceb65;border-radius:8px;background:#f9fbff60;font-size:10px;font-weight:400;line-height:1.6;padding:9px 10px;min-height:34px;width:100%}.form-label select{padding-right:6px}.form-label small{color:#91a3c2;line-height:1.6;font-size:9px;font-weight:400}.rows-editor{margin:18px 0}.rows-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.rows-heading h3{font-size:10px;font-weight:600;margin:0}.rows-heading>div{display:flex;gap:8px}.rows-heading button{color:#90a6c9;padding:0;display:flex}.row-field{margin:13px 0}.row-field-label{display:flex;align-items:center;gap:4px;margin:0 0 6px}.row-field-label input{min-width:0;flex:1;border:0;border-radius:3px;background:none;color:#6680a8;font-size:9px;padding:2px}.row-field-label select{width:53px;background:#dce8fc50;border:0;border-radius:4px;padding:2px 0;font-size:8px;color:#8095b7}.row-field-label button{padding:1px;color:#9baecb;display:flex}.row-field textarea{font-size:10px;resize:vertical;min-height:35px;color:#486898;background:#f6faff60}.row-field textarea:focus{border-style:solid}.row-field textarea:has(+.binding){color:#5779ff}.field-options{display:flex;gap:11px;margin-top:4px}.field-options label{display:flex;gap:3px;align-items:center;font-size:8px;color:#9cacc6}.field-options input{width:9px;height:9px;margin:0}.row-field .rows-editor{margin-left:8px;padding-left:8px;border-left:1px solid var(--line)}.node-danger{border-top:1px solid var(--line);margin-top:24px;padding-top:15px;display:flex;justify-content:space-between;align-items:center}.danger{color:#cb7794!important;font-size:10px;display:flex;gap:6px;align-items:center}.field-source{margin:12px 0;border-bottom:1px solid var(--line);padding-bottom:8px}.field-source summary{display:flex;gap:8px;align-items:center;font-size:10px;cursor:pointer}.field-source summary>.brand{width:24px;height:24px;border-radius:7px}.field-source summary>svg{margin-left:auto}.draggable-field{cursor:grab;display:flex;gap:6px;padding:7px 3px;align-items:center;font-size:8px;border-radius:5px}.draggable-field:hover{background:#cce0ff60}.draggable-field code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6084bf;flex:1;min-width:0}.draggable-field small{font-size:7px;color:#9baac5}.draggable-field>svg{color:#9eb7dc}.draggable-field button{color:#7e9cdc;padding:0;display:flex}.schema-field{display:flex;justify-content:space-between;font-size:9px;padding:5px;color:#7890b3}.schema-field span{font-size:8px;opacity:.6}.json-output,.code-input{font:10px/1.6 ui-monospace,monospace;white-space:pre-wrap;word-break:break-word;background:#e4efff80;border:1px solid #c4d6f670;border-radius:9px;padding:10px;max-width:100%;color:#6381ad}.code-input{width:100%;outline:none}.app-footer{height:30px;display:flex;align-items:center;justify-content:space-between;color:#98abd0;font-size:8px;padding:8px 10px 0}.app-footer>span{display:flex;align-items:center;gap:7px}.app-footer .live-dot{width:4px;height:4px;box-shadow:none}.footer-brand{font-size:8px;letter-spacing:1.2px;font-weight:750;margin-left:7px}.debug-bar{margin-top:8px;padding:10px 15px;display:flex;gap:20px;border:1px solid #ffffffa0;border-radius:10px;background:#f0f6ff60;font-size:10px;align-items:center;color:#8298ba}.debug-bar button{display:flex;gap:6px;align-items:center;margin-left:auto;font-size:10px;color:#567dde}.run-state{display:flex;gap:8px;color:#218f81;align-items:center}.run-state.failed{color:#cd6882}.page{flex:1;overflow:auto;scrollbar-width:thin;padding:30px 30px 40px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.5px;color:#8b9fcb;margin:0 0 13px}.page h1{font-size:29px;letter-spacing:-1.1px;font-weight:650;margin:0 0 12px}.page-heading .muted{font-size:12px;margin:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.flow-tile{padding:22px;border-radius:19px}.tile-top{display:flex;justify-content:space-between;align-items:center;color:#7f9eee}.flow-tile h2{font-size:15px;margin:24px 0 9px;letter-spacing:-.3px}.flow-tile p{font-size:11px;min-height:38px;margin:0 0 26px}.tile-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px}.tile-footer small{font-size:9px;color:#97aaca}.tile-footer button{display:flex;align-items:center;gap:6px;font-size:10px;color:#5f86e3}.flow-tile-tools{display:flex;justify-content:space-between;margin-top:14px}.flow-tile-tools button{color:#92a6c7;font-size:9px;padding:0}.empty-card{padding:35px;border-radius:20px;min-height:220px;max-width:400px}.empty-card>svg{color:#86a4e6}.empty-card h2{font-size:17px}.empty-card p{font-size:12px;line-height:1.6;color:#889dbf}.template-tile>.brand{width:42px;height:42px}.table-card{border-radius:18px;padding:10px 20px}.table-row{display:grid;grid-template-columns:2fr 1fr 1.5fr 1fr;align-items:center;gap:20px;width:100%;padding:18px 5px;text-align:left;border-bottom:1px solid var(--line);font-size:11px;color:#7f94b8}.table-row strong{font-size:12px;color:#425e8e;font-weight:550}.table-row>span:last-child{display:flex;align-items:center;gap:8px}.table-head{font-size:9px;letter-spacing:1px;color:#9aacc8;text-transform:uppercase}.empty-message{text-align:center;padding:45px 10px;font-size:12px;color:#8399bf}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:24px 0 18px}.section-heading h2{font-size:17px;font-weight:600;letter-spacing:-.4px;margin:0}.section-heading p{margin:8px 0 0}.section-heading a{display:flex;gap:7px;align-items:center;font-size:10px;color:#7492c8}.integration-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:12px}.integration-card{border-radius:14px;padding:17px;display:flex;align-items:flex-start;gap:13px;min-width:0}.integration-card>div{min-width:0;flex:1}.integration-card h3{font-size:12px;font-weight:550;margin:1px 0 6px;overflow:hidden;text-overflow:ellipsis}.integration-card p{margin:0 0 8px;overflow-wrap:anywhere}.integration-card code{font-size:9px;color:#839fcd;word-break:break-all}.connection-state{display:inline-flex;gap:5px;align-items:center;color:#c59475;font-size:8px;line-height:1.5}.connection-state.connected{color:#339d89}.billing-banner{border-radius:17px;display:flex;gap:14px;align-items:center;padding:21px 22px;margin-bottom:25px}.billing-banner h3{font-size:13px;margin:0 0 6px}.billing-banner p{font-size:11px;margin:0}.billing-banner>button{margin-left:auto}.plans{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:950px}.plan-card{border-radius:23px;padding:28px 30px;display:flex;flex-direction:column}.plan-card.pro{background:linear-gradient(145deg,#e0ebff60,#a6bfff30);border-color:#aac7ff70;box-shadow:0 9px 35px #5b82cf12,inset 0 1px #fff}.plan-card h2{font-size:23px;letter-spacing:-.7px;font-weight:600;margin:0}.recommended{font-size:8px;letter-spacing:0;color:#7994d0;background:#e4edff70;border:1px solid #fff7;padding:5px 7px;border-radius:5px;margin-left:10px;vertical-align:middle}.plan-price{font-size:47px;letter-spacing:-2px;font-weight:550;margin:25px 0 22px}.plan-price small{font-size:12px;letter-spacing:0;color:#93a5c4;font-weight:400}.plan-card ul{padding:0;list-style:none;margin:0 0 27px;flex:1}.plan-card li{display:flex;gap:10px;margin:14px 0;font-size:11px;color:#6581af}.plan-card li svg{color:#729af1}.plan-card>.muted{text-align:center;font-size:9px;margin-top:12px}.token-wallet{border-radius:18px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.token-wallet h2{font-size:27px;font-weight:600;letter-spacing:-.7px;margin:0}.token-wallet h2 small{font-size:12px;letter-spacing:0;font-weight:400;color:#91a6c9}.token-wallet p{font-size:10px;margin:8px 0 0}.token-wallet .eyebrow{font-size:8px;margin:0 0 8px}.token-packs{display:flex;gap:10px}.token-packs button{display:flex;flex-direction:column;gap:8px;border:1px solid #fff;border-radius:12px;padding:16px 23px;background:#d8e6ff50;font-size:12px}.token-packs span{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#7792c0}.modal-overlay{position:fixed;z-index:50;inset:0;display:flex;justify-content:center;align-items:center;background:#bccdeb45;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);padding:24px}.modal{width:480px;max-width:100%;max-height:90dvh;border-radius:24px;padding:28px;overflow:auto;background:#e8f1ffb0;box-shadow:0 25px 90px #48669535,inset 0 1px #fff}.modal.wide{width:750px}.modal-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.modal-heading h2{font-size:18px;letter-spacing:-.6px;font-weight:600;margin:0}.modal>.muted,.modal form>.muted{font-size:11px}.modal-actions{display:flex;gap:10px;margin-top:20px}.version-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);gap:10px}.version-row strong{font-size:12px}.version-row p{margin:5px 0 0}.run-details details{margin:10px 0;border:1px solid var(--line);border-radius:10px;padding:12px}.run-details summary{display:flex;gap:10px;align-items:center;cursor:pointer}.run-details summary small{margin-left:auto;color:#8098c1}.run-details pre{font:10px/1.6 ui-monospace,monospace;white-space:pre-wrap;word-break:break-word;color:#6a86b1}.toast{position:fixed;bottom:45px;left:50%;transform:translate(-50%);z-index:80;border-radius:12px;padding:12px 17px;display:flex;align-items:center;gap:11px;max-width:calc(100vw - 40px);font-size:11px;background:#e8f5fddd;color:#359585;box-shadow:0 5px 25px #547da82b}.toast.error{color:#c06c85;background:#fff0f5dc}.toast button{display:flex;padding:0;color:inherit}.busy-pill{position:fixed;right:22px;bottom:45px;border-radius:10px;padding:10px 15px;display:flex;gap:8px;align-items:center;color:#6d8fca;background:#e3efffd0;font-size:10px;z-index:60}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-text{font-size:10px;color:#c97994}.auth-modal{text-align:center;position:relative;padding:33px}.auth-modal>img{width:45px;height:45px;object-fit:contain;margin-bottom:18px}.auth-modal>h2{font-size:23px;letter-spacing:-.8px;font-weight:600;margin:0 0 10px}.auth-modal>p{margin-bottom:20px}.auth-modal .form-label{text-align:left}.close-modal{position:absolute;top:16px;right:16px}.auth-mode{display:flex;background:#c9dbff40;border:1px solid #c3d8fa80;padding:4px;border-radius:10px;gap:4px;margin:24px 0 20px}.auth-mode button{flex:1;font-size:10px;padding:10px;border-radius:7px;color:#7d96bf}.auth-mode button.active{background:#f1f7ff90;box-shadow:0 2px 10px #426baa0e;color:#5980cc}.auth-modal form>.button{width:100%;margin-top:10px}.auth-links{display:flex;justify-content:center;gap:24px;margin-top:22px}.auth-links button{font-size:9px;color:#7d96c2}.chat-panel{flex:1;min-height:0;display:flex;flex-direction:column}.ai-welcome{text-align:center;padding:16px 2px}.ai-welcome>.brand{width:45px;height:45px;border-radius:15px;margin-bottom:18px}.ai-welcome h2{font-size:15px;letter-spacing:-.5px}.ai-welcome p{font-size:10px;margin-top:10px}.conversation{flex:1;overflow:auto;scrollbar-width:thin}.chat-message{font-size:10px;line-height:1.7;white-space:pre-wrap;margin:14px 0;padding:12px;background:#f0f7ff60;border:1px solid var(--line);border-radius:12px;color:#6280ab}.chat-message.user{background:#cbdcfa50;margin-left:15px}.chat-suggestion{font-size:10px;line-height:1.6;color:#708cbb;border:1px solid #bacef05c;border-radius:10px;padding:12px;margin:7px 0;width:100%;text-align:left;display:flex;gap:10px;align-items:center}.chat-suggestion svg{margin-left:auto;color:#9ab1d6}.chat-compose{border:1px solid #aac6f27a;background:#f3f8ff65;border-radius:13px;padding:9px;margin:14px 0 8px;display:flex;flex-direction:column;gap:8px}.chat-compose textarea{background:none;border:0;box-shadow:none;font-size:10px;min-height:65px;line-height:1.6;resize:none}.chat-compose>.button{align-self:flex-end;padding:8px}.canvas-empty{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);text-align:center;width:80%;color:#7999d7}.canvas-empty h2{font-size:19px;font-weight:550;color:#5674a8}.canvas-empty p{font-size:11px}.mobile-only{display:none}.webhook-result{margin:18px 0}.webhook-result code{font-size:10px;word-break:break-all}.webhook-result input{width:100%;font:11px monospace;border:1px solid var(--line);border-radius:7px;background:#f2f8ff70;padding:9px}.node-card.success{border-color:#73bba875}.node-card.failed{border-color:#df8e9a}.node-card.running{box-shadow:0 0 0 3px #5889ff18;border-color:#74a0ff}@media(min-width:1600px){.palette{width:260px}.inspector{width:340px}.node-card{width:250px}.title-input{width:310px}.flow-toolbar{height:88px}}@media(max-width:1150px){.palette{width:202px}.inspector{width:260px}.palette-node{font-size:9px}.workspace-label{display:none}.flow-toolbar{padding-right:8px}.flow-actions .button{padding:9px}.title-input{width:190px;font-size:13px}.description-input{width:190px}.flow-title{gap:8px}.flow-title>.status-pill{display:none}.node-card{width:218px}.topbar{padding-right:8px}.page{padding:25px 16px}.token-wallet{align-items:flex-start;flex-direction:column}.token-packs{width:100%}.token-packs button{flex:1}}@media(max-width:900px){.app-shell{padding:8px;gap:8px}.rail{width:60px;border-radius:18px;padding:16px 4px}.rail-link{font-size:7px}.palette{width:178px;padding:12px 9px}.palette-tip{display:none}.inspector{width:245px}.node-card{width:206px}.flow-symbol,.flow-actions .button span{display:none}.flow-title>div{max-width:190px}.flow-toolbar{height:70px}.topbar{height:52px}.top-brand{font-size:15px}.top-brand b{font-size:14px}.top-right{gap:7px}.included-badge{font-size:8px}.page h1{font-size:25px}.plans{gap:12px}.plan-card{padding:23px 20px}.recommended,.canvas-hint{display:none}.react-flow__minimap{width:110px;height:80px}.billing-banner{padding:16px}.table-row{gap:10px;font-size:10px}}@media(max-width:700px){.app-shell{padding:0}.rail{position:fixed;top:65px;left:8px;bottom:10px;z-index:30;width:65px;display:none;background:#d9e9ffc0}.rail.open,.mobile-only{display:flex}.topbar{height:61px;padding:8px 14px}.top-brand{gap:8px}.separator{margin:0 6px}.top-right .included-badge{display:none}.flow-toolbar{height:75px;padding:8px 13px}.flow-title>div{max-width:160px}.title-input{width:160px;font-size:12px}.description-input{width:160px;font-size:9px}.flow-actions{gap:5px}.flow-actions .button{padding:9px 8px;border-radius:8px}.flow-actions .button:first-child{display:none}.builder{border-radius:0;border-left:0;border-right:0}.palette{width:59px;padding:9px 6px}.palette h2,.palette p,.search-box,.node-group h3,.palette-node>span:not(.brand),.palette-node>.grip,.palette-switch button>svg,.palette-tip{display:none}.palette-switch{display:flex;flex-direction:column;border:0;padding:0;margin:0 0 9px;background:none;gap:5px}.palette-switch button{font-size:8px;padding:6px 3px}.palette-switch button.selected{border:1px solid #fff}.palette-node{padding:5px 8px;justify-content:center}.palette-node .brand{width:29px;height:29px;border-radius:9px}.node-group{margin:4px 0}.inspector{position:absolute;right:0;top:136px;bottom:31px;width:270px;z-index:25;background:#e6f0fff2;box-shadow:-8px 0 40px #688abb20}.inspector-heading{padding:15px 12px}.inspector-body{padding:12px}.chat-panel{position:absolute;left:59px;top:136px;bottom:31px;width:260px;background:#e6f0fff0;z-index:20;padding:14px;box-shadow:7px 0 20px #688abb16}.chat-panel p,.chat-panel .ai-welcome h2{display:block}.canvas-top{left:8px;right:8px;top:9px}.canvas-mode{font-size:8px;padding:6px}.undo-controls button{padding:6px}.app-footer{padding:6px 13px;height:31px}.app-footer>span:last-child{display:none}.page{padding:22px 16px}.page h1{font-size:24px}.page-heading{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:25px}.page-heading .muted{font-size:11px}.card-grid,.integration-grid,.plans{grid-template-columns:1fr}.plan-card{padding:25px}.plan-price{font-size:44px}.billing-banner{gap:10px}.billing-banner .flow-symbol{display:flex;width:34px;height:34px}.billing-banner h3{font-size:12px}.billing-banner p{font-size:10px}.billing-banner{flex-wrap:wrap}.billing-banner button{margin:8px 0 0;width:100%}.section-heading{align-items:flex-start;flex-direction:column}.section-heading h2{font-size:16px}.token-wallet{padding:20px;gap:20px}.token-packs{gap:6px}.token-packs button{padding:12px 7px;font-size:11px}.table-card{padding:10px}.table-row{grid-template-columns:1.5fr 1fr 1fr;gap:8px;font-size:9px}.table-row>span:nth-child(3){display:none}.table-row strong{font-size:10px}.modal-overlay{padding:14px}.modal{padding:23px;border-radius:20px}.modal-heading h2{font-size:16px}.modal-actions{flex-direction:column}.version-row{flex-wrap:wrap}.debug-bar{border-radius:0;margin:0;padding:9px 10px;gap:8px;font-size:8px}.debug-bar>span:nth-child(2){display:none}.debug-bar button{font-size:8px}.toast{bottom:43px;font-size:10px;min-width:260px}.busy-pill{bottom:43px;font-size:9px;right:10px}.node-card{width:215px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.spin{animation-duration:2s}}:root{--blue:#075aff;--muted:#526b92;--line:#90b4df47;color:#111c35;font-family:Inter,Arial,sans-serif;background:#e4eeff}button,input,textarea{font-size:12px}.app-shell{padding:10px;gap:10px}.rail{width:76px;border-radius:21px;padding:16px 5px}.rail-link{font-size:9px;color:#345780}.rail-link.active{background:#a1c7f72b;color:#073779;border-color:#d6eaff;box-shadow:inset 2px 0 #075aff,0 4px 15px #496e9a12}.logo img{width:42px;height:42px}.main-area{min-width:0}.topbar{height:49px;padding:3px 12px}.top-brand{font-size:16px;color:#091630}.top-brand b{color:#2562aa}.workspace-label,.included-badge{font-size:10px}.flow-toolbar{height:53px!important;padding:3px 9px 6px;gap:14px}.flow-title{gap:9px;min-width:0}.flow-symbol{width:32px;height:34px;border-radius:11px}.title-input{font-size:14px!important;width:280px;max-width:26vw;color:#0a1730;font-weight:650}.description-input{font-size:10px;width:280px;max-width:26vw;margin:0}.status-pill{font-size:9px}.flow-actions{gap:7px}.button{min-height:34px;padding:7px 12px;border-radius:11px;font-size:11px;color:#183f72}.button.primary{background:#075aff35;color:#fff;border-color:#ffffff7a}.button.primary:not(.glass-painted){background:#075aff}.button:focus-visible,.icon-button:focus-visible{outline:2px solid #075aff;outline-offset:2px}.app-footer{height:24px;padding:4px 8px;font-size:8px}.builder{border-radius:19px;overflow:hidden;border:1px solid #c0d8f7b3;position:relative}.palette{width:var(--left-width,268px)!important;flex:0 0 var(--left-width,268px)!important;min-width:0;padding:13px 12px;background:#dfefff24;border-right:0;display:flex}.inspector{width:var(--right-width,330px)!important;flex:0 0 var(--right-width,330px)!important;min-width:0;background:#dfecfa20;border-left:0}.panel-resizer{position:relative;width:7px;flex:0 0 7px;display:grid;place-items:center;border-left:1px solid #a8c6e65c;border-right:1px solid #ffffff68;cursor:col-resize;touch-action:none;color:#7295bb;background:#c6ddf92b;z-index:5}.panel-resizer:hover,.panel-resizer:focus-visible{background:#428dff35;color:#075aff}.panel-resizer svg{width:10px;pointer-events:none}.palette-title{display:flex;align-items:center;justify-content:space-between}.palette-title h2{font-size:13px;color:#071836;font-weight:700;margin:6px 0}.palette-title>button{display:grid;place-items:center;padding:5px}.palette .small{font-size:10px;color:#5274a2;margin:5px 0 10px}.palette-switch{margin-bottom:6px}.palette-switch button{font-size:11px;padding:7px;color:#506e99}.palette-switch button.selected{background:#bedbff62;border-color:#e8f5ff;color:#102e58}.search-box{background:#e7f2ff6b;border:1px solid #b8d3f4bd;border-radius:11px;min-height:36px;padding:7px 10px;margin:6px 0 10px}.search-box input{font-size:11px;color:#15365f}.search-box kbd{display:none}.palette-scroll{overscroll-behavior:contain;scrollbar-width:thin}.group-title{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:11px;font-weight:700;color:var(--text);padding:10px 4px 8px}.group-title[aria-expanded=false] svg{transform:rotate(-90deg)}.node-group{margin:2px 0 8px}.palette-node{font-size:11px;min-height:43px;padding:5px 4px;gap:9px;border-radius:12px;color:#172e51}.palette-node:hover{background:#9cc8ff25}.palette-node>span:not(.brand){line-height:1.4}.palette-node .grip{width:13px;flex:none;margin-left:auto}.palette-tip{font-size:10px;line-height:1.55;padding:10px;margin-top:10px}.canvas{min-width:80px;position:relative}.canvas-top{top:10px;left:10px;right:10px}.canvas-tools-left{display:flex;align-items:center;gap:7px}.canvas-tools-left>.button{padding:7px;min-height:31px}.canvas-mode{font-size:9px;border-radius:10px;padding:8px 11px}.undo-controls{background:#e7f1ff7a;border:1px solid #c8ddf7;border-radius:9px}.canvas-hint{font-size:9px;bottom:11px}.node-card{width:232px!important;border-radius:18px;min-height:69px;border:1px solid color-mix(in srgb,var(--node-color) 38%,#dcecff);box-shadow:0 8px 22px #3776b818,inset 0 1px #ffffffd1;background:#e8f4ff2b;overflow:visible;transition:box-shadow .12s}.node-card.selected{outline:2px solid #075aff;outline-offset:3px;border-color:#c1d9fc}.node-main{padding:13px;gap:10px}.node-main strong{font-size:11px;color:#0f2343;font-weight:700;line-height:1.35}.node-main small{font-size:9px;line-height:1.35;color:#4b6c96;margin-top:4px;max-width:155px}.node-main .brand{width:34px;height:35px;border-radius:11px;flex:0 0 34px}.node-card .react-flow__handle{width:8px;height:8px;border:2px solid #eaf5ff;background:#3d8eef}.node-branches{font-size:9px;color:#344778}.node-branches span{padding-bottom:10px}.node-ellipsis{color:#6b8fb8}.brand{position:relative;isolation:isolate;display:inline-grid;place-items:center;width:31px;height:32px;flex:0 0 31px;border-radius:10px;background:#b7dcff1a!important;border:1px solid #f0f8ff99;color:#0866ed!important;box-shadow:inset 0 1px 1px #fff8,0 4px 8px #236cd724;overflow:visible}.brand>svg{filter:drop-shadow(0 1px 0 #ffffffad) drop-shadow(0 2px 2px #145cc35c);position:relative;z-index:1}.brand>img{position:relative;z-index:1;width:24px;height:24px;object-fit:contain}.brand-openai{color:#102f83!important}.brand-instagram{color:#b952df!important}.brand-whatsapp{color:#128478!important}.brand-telegram{color:#1689de!important}.brand-gmail{color:#d25674!important}.brand-clock{color:#da8624!important}.brand-branch{color:#7e5cdf!important}.brand-end{color:#d66e8b!important}.brand-sabsus{color:#0762fc!important}.inspector-heading{padding:14px 14px 12px;gap:10px}.inspector-heading>div{min-width:0;flex:1}.inspector-heading input{font-size:13px;font-weight:700;line-height:1.4;color:#122d4f;width:100%}.inspector-heading p{font-size:9px;color:#567295;line-height:1.45;margin-top:4px}.inspector-tabs{padding:0 12px;gap:17px}.inspector-tabs button{font-size:11px;padding:10px 0}.inspector-body{padding:13px 14px;overscroll-behavior:contain;scrollbar-width:thin}.inspector-note{font-size:10px;line-height:1.55;margin:8px 0 13px;color:#567095}.form-label{font-size:11px;color:#244568;display:block;margin:13px 0}.form-label>span{display:block;margin-bottom:7px}.field-shell{position:relative;border-radius:11px;isolation:isolate;border:1px solid #c0d7f280;background:#e4f2ff20;min-width:0}.field-shell input,.field-shell textarea{display:block;border:0!important;background:transparent!important;box-shadow:none!important;margin:0!important;outline:none!important;border-radius:inherit;min-height:36px;width:100%;padding:9px 11px;font-size:11px;color:#132b4b;line-height:1.6;resize:vertical}.field-shell:focus-within{outline:2px solid #3a83ee;outline-offset:2px}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:9px;width:100%;min-height:36px;padding:8px 11px;text-align:left;border:1px solid #b5cfee91;border-radius:11px;background:#deecfb26;isolation:isolate;box-shadow:inset 0 1px #fff9;line-height:1.45}.select-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.select-trigger>.placeholder{color:#577a9f}.select-trigger svg{flex:none}.select-trigger:focus-visible{outline:2px solid #075aff;outline-offset:2px}.select-menu{position:fixed;z-index:2000;padding:8px;border-radius:17px;box-shadow:0 16px 45px #25487d35;background:#dfecfc94;isolation:isolate;max-height:420px;overflow:hidden;color:#132b4b}.select-search{display:flex;gap:7px;align-items:center;padding:7px;border-bottom:1px solid #adcae975;margin-bottom:5px}.select-search input{min-width:0;flex:1;border:0;background:none;outline:none;padding:3px;font-size:11px}.select-scroll{display:grid;max-height:300px;overflow:auto;scrollbar-width:thin;gap:3px}.select-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:36px;padding:8px 10px;border-radius:10px;color:#1b3655;text-align:left;font-size:11px;line-height:1.5}.select-option>span{display:block;min-width:0}.select-option small{display:block;font-size:9px;color:#4a6c9a}.select-option.selected{background:#075aff75;color:#fff}.select-option.selected small{color:#eff7ff}.select-option:hover{background:#7fbcff30}.select-group{padding:9px 9px 2px;font-size:9px;color:#537494;font-weight:700}.manual-option{justify-content:flex-start;border-top:1px solid #94b8df42;margin-top:5px}.rows-editor{margin-top:14px}.rows-heading h3{font-size:12px;color:#112e53}.rows-heading>button{font-size:9px;display:flex;gap:3px;align-items:center;color:#517394}.row-field{margin:13px 0;padding:0;border:0;background:none}.row-field-label{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-bottom:7px}.row-field-label strong{font-size:11px;color:var(--text);font-weight:650}.row-field-label>.select-trigger{flex:1}.required-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#679ad6;margin-left:5px;vertical-align:middle}.smart-value{display:grid;gap:6px}.smart-value>.select-trigger>span{white-space:normal;overflow-wrap:anywhere}.value-preview{display:flex;align-items:flex-start;justify-content:space-between;font-size:11px;text-align:left;line-height:1.5;color:#274f7b;max-height:110px;overflow:auto;padding:6px 2px;word-break:break-word}.binding-hint{display:flex;align-items:center;gap:5px;font-size:9px;color:#436ca3}.value-actions{display:flex;gap:6px;align-items:center}.value-actions>.select-trigger{min-height:29px;padding:5px 8px;font-size:9px}.value-actions>button:last-child{padding:7px}.field-options{display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:9px;margin-top:8px}.field-options .select-trigger{width:120px;min-height:28px}.switch{display:inline-flex;align-items:center;width:32px;height:19px;background:#a4bdd9;border:1px solid #e2f1ff;border-radius:20px;padding:2px}.switch>span{width:13px;height:13px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #43688a44;transition:transform .12s}.switch[aria-checked=true]{background:#075aff}.switch[aria-checked=true]>span{transform:translate(12px)}.add-field{display:flex;gap:7px;align-items:center}.add-field>button:last-child{padding:7px}.record-fields{border:1px solid #a4c6e650;border-radius:12px;padding:9px;background:#d5e8fc12}.record-field{margin-bottom:13px}.record-field>div:first-child{display:flex;justify-content:space-between;margin-bottom:6px;font-size:10px;font-weight:500}.manual-field{display:flex;gap:5px;margin-top:8px}.advanced-settings{border-top:1px solid #a6c6e54d;padding-top:10px;margin:15px 0;font-size:10px;color:#3f6389}.advanced-settings>summary{display:flex;justify-content:space-between;cursor:pointer;line-height:1.5}.node-ai-button{width:100%;justify-content:flex-start;font-size:10px}.draggable-field{font-size:10px;gap:7px;min-height:34px;color:#254b78;background:#d3e7ff19}.draggable-field>span{flex:1;overflow-wrap:anywhere}.draggable-field>small{font-size:8px;max-width:63px;overflow:hidden;text-overflow:ellipsis;color:#7290b3}.field-source summary{font-size:11px;color:#123457;padding:7px}.data-tree{font-size:11px;color:#294971}.data-tree details{margin:6px 0;padding-left:10px;border-left:1px solid #a1c6ed55}.data-tree summary{cursor:pointer;display:flex;align-items:flex-start;gap:9px;justify-content:space-between;line-height:1.6;padding:4px 0}.data-tree summary>small{font-size:9px;color:#6b8caf}.data-value{max-width:70%;overflow-wrap:anywhere;white-space:pre-wrap;font-weight:400;color:#365f91}.chat-panel{gap:9px}.ai-welcome{padding:12px 0 3px}.ai-welcome>.brand{margin-bottom:12px}.ai-welcome h2{font-size:15px;color:#102b50}.ai-welcome p{font-size:11px;line-height:1.6}.chat-suggestion,.chat-message{font-size:11px;color:#2e5885}.chat-compose{margin:5px 0}.chat-compose textarea{font-size:11px;color:#163757}.chat-wallet{display:flex;align-items:center;gap:6px;font-size:10px;color:#245683;padding:7px}.chat-wallet span{margin-left:auto;color:#075aff}.wallet-shortcut{display:flex;align-items:center;gap:6px;font-size:10px;padding:6px 10px;border:1px solid #bfdbf498;border-radius:11px;color:#27568c}.wallet-shortcut>span{font-size:9px;color:#6b86a3}.chat-panel>.select-trigger{flex:none}.token-wallet{padding:25px}.token-wallet h2{font-size:32px}.token-packs button{position:relative;isolation:isolate;border-radius:16px;font-size:12px;border:1px solid #aacff075;background:#d7ebff25;box-shadow:inset 0 1px #ffffff94;padding:17px 24px;color:#183b65}.token-packs button strong{font-size:18px}.token-packs button span{color:#075aff;font-size:14px}.token-packs button:hover{outline:2px solid #4c91ed}.page{padding:28px 32px}.page h1{font-size:31px;color:#0c2346}.page .muted{color:#516f95}.plan-card{padding:27px}.plan-price{font-size:45px}.plan-card ul{font-size:12px;color:#416187}.plan-card h2{font-size:22px}.approval-card{display:flex;align-items:center;gap:12px;padding:14px;margin:12px 0;border-radius:14px}.approval-card>div{flex:1}.approval-card p{font-size:11px;color:#567394}.approval-card .button{font-size:10px}.auth-modal{max-width:470px;padding:34px;border-radius:29px;background:#dceaff27}.auth-modal h2{font-size:27px;color:#081839}.auth-modal>img{width:69px;height:69px;margin-bottom:12px;filter:drop-shadow(0 5px 8px #296bcd2b)}.auth-modal>.eyebrow{font-size:12px;margin-bottom:10px}.auth-modal .form-label{font-size:12px;color:#2b4d79}.auth-modal .form-label input{min-height:46px;padding:11px 13px;background:#dbecff33;border:1px solid #bad4f189;border-radius:12px;font-size:13px;color:#11284c}.auth-mode button{font-size:11px;min-height:35px}.auth-mode button.active{background:#075aff17;color:#0c377e}.auth-links button{font-size:11px}.auth-modal form>.button{min-height:45px;font-size:14px}.modal-overlay{background:#254a751c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{color:#183857}.modal .muted{font-size:11px;line-height:1.6}.modal-heading h2{font-size:20px}.modal .form-label input,.modal .form-label textarea{font-size:12px}.toast{font-size:11px;bottom:35px}.busy-pill{bottom:35px}.flow-tile h2{font-size:16px;color:#123860}.flow-tile p{font-size:11px}.integration-card h3{font-size:13px}.integration-card .tiny{font-size:9px}.connection-state{font-size:10px}.integration-card{padding:18px}.brand.brand-twilio{color:#ee5777!important}.brand.brand-file{color:#326fc6!important}@media(min-width:1000px){.editor-topbar{height:0!important;min-height:0;padding:0;position:relative;z-index:12}.editor-topbar .top-brand{position:absolute;top:15px;left:10px;font-size:14px}.editor-topbar .workspace-label,.editor-topbar .included-badge{display:none}.editor-topbar .top-right{position:absolute;right:430px;top:9px;max-width:200px}.editor-topbar .top-right>.icon-button,.editor-topbar .wallet-shortcut>span{display:none}.editor-topbar+.flow-toolbar{height:57px!important;padding-left:158px}.editor-topbar+.flow-toolbar .flow-title .flow-symbol{display:none}.editor-topbar+.flow-toolbar .description-input{display:none}.editor-topbar+.flow-toolbar .title-input{width:230px;max-width:20vw;font-size:13px!important}.editor-topbar+.flow-toolbar .status-pill{display:none}.editor-topbar+.flow-toolbar .flow-actions{margin-left:auto}.editor-topbar+.flow-toolbar .flow-actions>.button{min-height:33px}.palette,.inspector{max-height:100%}.react-flow__minimap{width:146px;height:97px;border:1px solid #bcd6f681;border-radius:12px;background:#e5f3ff59;box-shadow:0 6px 20px #3f68ad12}}@media(max-width:999px){.top-right .included-badge{display:none}.top-brand{font-size:14px}.palette{width:min(var(--left-width),230px)!important;flex-basis:min(var(--left-width),230px)!important}.inspector{width:min(var(--right-width),280px)!important;flex-basis:min(var(--right-width),280px)!important}.flow-actions>.button span{display:none}.flow-title>.status-pill{display:none}.flow-symbol{display:none}.title-input{max-width:40vw}.panel-resizer{width:6px;flex-basis:6px}.brand{width:29px;height:30px}.palette-node{font-size:10px}.flow-toolbar{height:50px!important}}@media(max-width:700px){.app-shell{padding:0;gap:0}.topbar{height:45px}.wallet-shortcut{font-size:9px;padding:5px 7px}.wallet-shortcut span{display:none}.topbar .top-right>.button{min-height:27px;padding:4px 8px;font-size:10px}.flow-toolbar{height:48px!important;padding:4px 10px}.title-input{max-width:44vw;width:170px;font-size:12px!important}.description-input{display:none}.builder{border-radius:0}.rail{top:50px}.palette{position:absolute;left:0;top:0;bottom:0;z-index:16;width:min(var(--left-width),82vw)!important;max-width:82vw;background:#e0edfcf0;box-shadow:8px 0 30px #285b971c;display:flex;padding:11px 12px}.palette h2,.palette p,.palette .search-box,.node-group .group-title,.palette-node>span:not(.brand),.palette-node>.grip,.palette-switch button>svg{display:flex}.palette-switch{flex-direction:row;background:#cddfff45;padding:4px}.palette-switch button{font-size:11px;padding:7px}.palette-node{justify-content:flex-start;padding:5px;font-size:11px}.palette-scroll{flex:1;overflow:auto}.inspector{top:0;right:0;bottom:0;width:min(var(--right-width),86vw)!important;max-width:86vw;background:#e0ecfcf5;flex-basis:0;z-index:17}.panel-resizer{display:none}.chat-panel{position:static;width:auto;left:auto;top:auto;bottom:auto;background:none;box-shadow:none;padding:0}.canvas-tools-left{gap:5px}.canvas-hint{display:none}.canvas-top{z-index:10}.node-card{width:232px!important}.node-main strong{font-size:11px}.brand{width:31px;height:32px}.app-footer{height:24px}.page{padding:21px 16px}.page h1{font-size:25px}.token-wallet{padding:18px}.token-packs{flex-wrap:wrap}.token-packs button{min-width:90px;flex:1;padding:15px 10px}.token-packs button strong{font-size:16px}.plans{grid-template-columns:1fr}.select-menu{max-width:calc(100vw - 20px)}.auth-modal{padding:27px 22px}.auth-modal h2{font-size:24px}.auth-modal>img{width:60px;height:60px}.approval-card{flex-wrap:wrap}.form-label{font-size:11px}.node-danger{flex-wrap:wrap}}.continue-error{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;font-size:12px}.auth-modal,.modal{overflow-x:hidden}.react-flow__node-flow{width:232px;height:auto}.select-menu{max-width:calc(100vw - 24px)}@media(min-width:1000px){.palette{width:min(var(--left-width),35vw)}.inspector{width:min(var(--right-width),36vw)}}.brand-wordmark{font-size:13px;line-height:1;font-weight:800}.brand-linkedin{color:#0a66c2}.brand-microsoft{color:#ee6628}.binding-shelf{margin:12px 0}.next-step-overlay{position:fixed;inset:0;z-index:90;background:#dbe8ff14}.next-step-picker{position:fixed;width:min(324px,calc(100vw - 24px));max-height:min(470px,calc(100dvh - 24px));display:flex;flex-direction:column;padding:16px;border:1px solid rgba(255,255,255,.92);border-radius:20px;background:#f3f8fff0;-webkit-backdrop-filter:blur(24px) saturate(145%);backdrop-filter:blur(24px) saturate(145%);box-shadow:0 18px 60px #304e8c30;overflow:hidden}.next-step-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:12px}.next-step-heading h2{font-size:16px;margin:0 0 4px}.next-step-heading p{margin:0;color:var(--muted);font-size:11px}.next-step-picker .search-box{flex-shrink:0;margin:0 0 10px}.next-step-list{overflow:auto;min-height:0;flex:1}.next-step-option{width:100%;display:flex;align-items:center;text-align:left;gap:10px;border:1px solid transparent;border-radius:12px;padding:10px 7px;background:transparent;color:inherit;cursor:pointer}.next-step-option:hover,.next-step-option:focus-visible{background:#ffffffb0;border-color:#bdcfff;outline:none}.next-step-option>span:nth-child(2){flex:1;min-width:0}.next-step-option strong{display:block;font-size:12px;font-weight:650}.next-step-option small{display:block;font-size:10px;color:var(--muted);margin-top:3px;line-height:1.4}.next-step-note{font-size:10px;color:var(--muted);margin:12px 0 0;text-align:center}.next-step-option .brand{flex-shrink:0}html,body,#root{min-width:0}.main-area,.page,.page-heading>div,.section-heading>div,.flow-tile,.integration-card>div,.billing-banner>div,.plan-card,.token-wallet>div{min-width:0}h1,h2,h3,p,.select-option,.chat-message,.table-row,.flow-tile,.integration-card,.version-row,.next-step-option{overflow-wrap:anywhere}.button{max-width:100%}.palette-node>span:not(.brand){min-width:0;line-height:1.45;overflow-wrap:anywhere}.select-menu{display:flex;flex-direction:column}.select-search,.manual-option{flex-shrink:0}.select-scroll{min-height:0;flex:1}.select-option{flex-shrink:0}.select-trigger>span{white-space:normal;overflow-wrap:anywhere}.chat-close{display:none;align-self:flex-end}.chat-panel{overflow:auto;position:relative}.chat-panel>.ai-welcome,.chat-panel>.select-trigger,.chat-wallet,.chat-compose,.chat-panel>.tiny{flex-shrink:0}.chat-panel>.conversation{min-height:110px;flex:1 0 110px}.chat-compose textarea{max-width:100%;min-height:80px}.toast{overflow-wrap:anywhere}.toast>span{min-width:0}.node-main strong{overflow-wrap:anywhere}.section-heading a{max-width:100%;overflow-wrap:anywhere}.table-row>*{min-width:0}.token-packs{min-width:0}.modal .webhook-result code{word-break:break-all}.modal .webhook-result input{max-width:100%}@media(min-width:1000px){.palette{width:min(var(--left-width),30vw);flex-basis:min(var(--left-width),30vw)}.inspector{width:min(var(--right-width),32vw);flex-basis:min(var(--right-width),32vw)}.editor-topbar+.flow-toolbar .flow-title{max-width:calc(100% - 460px)}.editor-topbar+.flow-toolbar .title-input{width:100%;min-width:0;max-width:100%}}@media(max-width:999px){.builder{position:relative}.palette,.inspector{position:absolute;top:0;bottom:0;max-height:100%;width:min(340px,86vw)!important;flex-basis:auto!important;background:#e0ecfcf5;box-shadow:0 10px 35px #285b9729;z-index:17}.palette{left:0;display:flex;padding:12px}.inspector{right:0}.panel-resizer{display:none}.chat-close{display:flex;padding:6px}.palette h2,.palette p,.palette .search-box,.node-group .group-title,.palette-node>span:not(.brand),.palette-node>.grip,.palette-switch button>svg{display:flex}.palette-switch{flex-direction:row}.chat-panel{position:relative;inset:auto;width:auto;box-shadow:none;padding:0;background:none}.flow-title{flex:1}.flow-title>div{max-width:100%;width:100%}.title-input{min-width:0;width:100%;max-width:100%}.flow-actions{flex-shrink:0;margin-left:8px}.flow-actions .button{min-width:34px;min-height:34px}.canvas-mode{padding:7px;font-size:9px}.canvas-hint{display:none}}@media(max-width:700px){.topbar{gap:8px}.top-brand{min-width:0;white-space:nowrap}.top-right{gap:6px}.topbar .icon-button{width:32px;height:32px}.topbar .separator{margin:0 3px}.flow-title>div{max-width:100%}.flow-actions .button:first-child{display:inline-flex}.flow-actions{gap:4px}.flow-actions .button{padding:7px;min-width:32px;min-height:34px}.flow-toolbar{padding:4px 8px;gap:4px}.flow-toolbar .title-input{font-size:11px!important}.flow-title{min-width:0}.app-footer{font-size:9px;line-height:1.4;height:auto;min-height:24px;padding:5px 10px}.page-heading h1{font-size:clamp(22px,6vw,27px);line-height:1.25}.billing-banner>div{flex:1 1 200px}.token-wallet{gap:16px}.token-packs{display:flex;flex-wrap:wrap;gap:8px}.token-packs button{min-width:96px;flex:1 1 96px}.plan-card,.integration-card,.flow-tile{padding:19px}.table-head{display:none}.table-row{grid-template-columns:minmax(0,1fr) auto;gap:10px}.table-row>span:nth-child(3){display:block}.table-row strong{font-size:12px}.table-row>span{font-size:10px}.table-row>span:nth-child(3){font-size:9px}.modal-overlay{padding:12px}.modal{max-height:calc(100dvh - 24px);padding:20px}.auth-modal h2{font-size:23px;line-height:1.25}.auth-modal .muted{font-size:11px}.select-option{min-height:40px}.palette-node{min-height:38px}.palette-switch,.palette-title{flex-shrink:0}.canvas-empty{max-width:calc(100% - 32px);padding:16px}.canvas-empty h2{font-size:20px}.canvas-empty .button{white-space:normal}.version-row{gap:10px}.next-step-picker{max-height:calc(100dvh - 24px)}}@media(max-height:650px){.auth-modal>img{width:42px;height:42px;margin-bottom:5px}.auth-modal>.eyebrow{margin:5px 0}.auth-modal h2{margin:8px 0;font-size:22px}.auth-modal{padding:20px}.rail-links{margin-top:12px;gap:5px}.rail-link{padding:7px 0}.rail-bottom{gap:8px}.chat-panel .ai-welcome{display:none}.modal-overlay{align-items:flex-start}}.canvas-tools-left{pointer-events:auto}@media(max-width:999px){.chat-panel .ai-welcome{padding:4px 25px 4px 0}.chat-panel .ai-welcome>.brand,.chat-panel .ai-welcome p{display:none}.chat-panel .ai-welcome h2{font-size:14px}.chat-panel .chat-close{position:absolute;right:0;top:0}.chat-panel>.conversation{flex:1;min-height:70px}.chat-panel>.tiny{font-size:9px;margin:0}.chat-panel .chat-compose{margin-bottom:4px}}*{scrollbar-width:thin;scrollbar-color:#729fd077 transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent;border-radius:10px}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#abcff0aa,#679ad091);border:1px solid #eaf6ffab;border-radius:10px}*::-webkit-scrollbar-thumb:hover{background:#669fdeba}*::-webkit-scrollbar-corner{background:transparent}.palette-scroll,.inspector-body,.select-scroll,.conversation,.chat-panel,.page,.modal{scrollbar-color:#729fd077 transparent;scrollbar-gutter:stable}.chat-panel{overflow:hidden;min-height:0}.chat-panel>.conversation{flex:1 1 auto;min-height:50px;overflow:auto;overscroll-behavior:contain;padding-right:4px}.chat-compose{border:1px solid #bad4efaa;border-radius:16px;background:#dfedfb42;padding:10px;flex-shrink:0;gap:8px;box-shadow:inset 0 1px #ffffff9c,0 5px 16px #416ba712}.chat-compose textarea{background:transparent;border:0;outline:none;box-shadow:none!important;resize:none;width:100%;min-height:68px;max-height:130px;padding:2px;font-size:11px;line-height:1.6}.chat-compose>.button{align-self:flex-end;min-width:36px;min-height:34px;padding:8px;opacity:1}.chat-compose>.button:disabled{opacity:.55}.chat-suggestion{border:1px solid #b6d3f073;border-radius:13px;padding:11px 12px;background:#dfedfb30;box-shadow:inset 0 1px #ffffffa1;color:#335f8c;line-height:1.6;min-width:0}.chat-message{border:1px solid #bbd6f07a;border-radius:13px;background:#e0edfa40;line-height:1.6;padding:11px 12px;white-space:pre-wrap}.chat-message.user{background:#c3dffe4d;color:#254c7c}.search-box,.select-search{background:#e6f2ff36;border:1px solid #bbd5ef9c;border-radius:11px;box-shadow:inset 0 1px #ffffff9c}.select-search{padding:8px;margin-bottom:7px}.chat-wallet{border-radius:10px}.chat-wallet:hover{background:#c7e1fd40}.group-title:focus-visible,.chat-suggestion:focus-visible,.icon-button:focus-visible{outline:2px solid #337fe9;outline-offset:2px}.field-shell input::placeholder,.field-shell textarea::placeholder,.chat-compose textarea::placeholder{color:#6987a9;opacity:1}.chat-close{z-index:2}.ai-welcome{flex-shrink:0}.chat-panel>.tiny{margin:0;font-size:9px;line-height:1.4}@media(max-height:700px){.chat-panel .ai-welcome{display:none}.chat-panel .chat-close{position:static;align-self:flex-end}.chat-compose textarea{min-height:46px;max-height:80px}.chat-panel>.conversation{min-height:35px}}.button.primary,.button.primary:hover,.button.primary:focus-visible{color:#064fb7;background:linear-gradient(135deg,#b5d8ff72,#83b6ff68);border-color:#8fbef4aa;text-shadow:0 1px #ffffff75;font-weight:700}.button.primary:disabled{color:#426f9e;opacity:.7}.select-option.selected,.select-option.selected:hover{color:#075aff;background:#87bcfa32;border:1px solid #74aaf385;font-weight:700;box-shadow:inset 0 1px #ffffffb3}.select-option.selected small{color:#1b64b4}.select-option.selected svg{color:#075aff}.palette-switch button.selected,.auth-mode button.active{color:#075aff}.chat-compose>.button{color:#075aff}.button:focus-visible{outline:2px solid #075aff;outline-offset:2px}:root{font-family:Arial,Helvetica,sans-serif;color-scheme:light;--ink:#111829;--navy:#091333;--muted:#54709b;--blue:#075aff;--line:rgba(99,151,220,.22);--shadow:0 8px 25px #2763ac14,0 2px 5px #3879c90b;--radius:22px;color:var(--ink);background:#e2efff}body{isolation:isolate;background:radial-gradient(ellipse at 79% 18%,rgba(112,171,245,.28),transparent 65%),repeating-linear-gradient(31deg,transparent 0 125px,rgba(255,255,255,.65) 126px 127px,rgba(92,146,218,.16) 128px 130px,rgba(152,194,249,.12) 131px 235px,rgba(255,255,255,.5) 236px 237px,transparent 238px 370px),linear-gradient(135deg,#eaf4ff,#dcecff 46%,#e2f0ff);background-attachment:fixed}#liquid-scene{z-index:0;display:block;width:100%;height:100%}#root{position:relative;z-index:1}.glass,[data-glass]{isolation:isolate;background:#b4d7f926;border:1px solid rgba(242,250,255,.5);box-shadow:var(--shadow)}.glass-painted.glass{background:transparent!important;border-color:#f0fbff4d}.glass:before,.glass:after{content:none}.sg-pane{position:absolute!important;inset:-1px!important;display:block!important;width:calc(100% + 2px)!important;height:calc(100% + 2px)!important;max-width:none!important;border-radius:inherit;pointer-events:none!important;z-index:-1!important;contain:strict}.glass-off .sg-pane{visibility:hidden!important}.glass-off .glass{background:#daeafa40!important}button,input,textarea,select{font-family:inherit;color:var(--ink)}button:disabled{cursor:default;opacity:.6}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.muted,.small,.tiny,.page .muted{color:var(--muted)}h1,h2,h3{color:var(--navy)}.app-shell{padding:14px;gap:14px}.rail{border-radius:24px;padding:14px 6px}.logo img{width:38px;height:38px;border-radius:10px}.rail-link{font-size:10px;line-height:1.4;color:#49648d;min-height:54px;border-radius:14px}.rail-link.active{color:var(--ink);background:#9fc5f51c;border:1px solid #eff8ff40;box-shadow:-3px 0 0 var(--blue),0 4px 12px #3979c211}.rail-link:hover{background:#a4c9fc24;color:var(--blue)}.topbar{border-radius:22px;min-height:56px;padding:8px 16px;margin-bottom:14px}.top-brand{font-size:18px;font-weight:750;letter-spacing:0;color:var(--navy)}.top-brand b{font-size:18px;font-weight:750;color:var(--blue)}.top-brand .separator{font-size:0;margin:0 3px}.workspace-label,.included-badge{color:var(--muted);font-size:11px}.top-right{gap:10px}.wallet-shortcut{font-size:12px;min-height:36px;padding:7px 11px;border-radius:12px;color:var(--ink)}.button,.select-trigger{min-height:40px;border-radius:12px;font-size:12px;color:var(--ink);font-weight:600;box-shadow:var(--shadow);text-shadow:none}.button{padding:8px 14px}.button.primary,.button.primary:hover,.button.primary:focus-visible{color:var(--blue);border-color:#a5c9f080;background:#1c66e914;text-shadow:none}.button.primary:disabled{color:#3e659a}.button:hover,.select-trigger:hover{box-shadow:0 6px 20px #2763ac20,0 2px 5px #3879c912}.icon-button{color:var(--ink);border-radius:11px;width:34px;height:34px}.flow-toolbar{border-radius:22px;margin-bottom:12px;height:56px!important;min-height:56px;padding:8px 14px!important;gap:12px}.title-input{color:var(--navy);font-weight:700}.description-input{color:var(--muted)}.flow-actions .button{min-height:38px;font-size:12px}.flow-title{gap:10px}.builder{border:0;background:transparent;box-shadow:none;border-radius:0;gap:0;overflow:visible}.canvas{background:transparent;min-width:0}.palette,.inspector{border-radius:22px;background:#b4d7f926;border:1px solid rgba(242,250,255,.5);box-shadow:var(--shadow);overflow:hidden}.palette{padding:14px 12px}.inspector{border-left:1px solid rgba(242,250,255,.5)}.panel-resizer{width:10px;flex-basis:10px;border:0;border-radius:8px;background:transparent;color:#5484b4}.panel-resizer:hover,.panel-resizer:focus-visible{background:#77aef533;color:var(--blue)}.palette-title h2{font-size:15px;color:var(--navy);margin:10px 0 6px}.palette .small{color:var(--muted);font-size:11px;line-height:1.6}.palette-switch{border-radius:13px;padding:4px;gap:4px;background:#b9d9f526;border:1px solid #edf7ff52}.palette-switch button{min-height:35px;border-radius:10px;font-size:12px;color:var(--muted);box-shadow:none}.palette-switch button.selected{color:var(--blue);box-shadow:var(--shadow)}.search-box,.select-search{min-height:40px;border-radius:12px;box-shadow:var(--shadow)}.search-box input,.select-search input{font-size:12px;color:var(--ink);background:transparent}.search-box input::placeholder{color:var(--muted)}.group-title{font-size:12px;color:var(--text);padding:14px 5px 9px}.palette-node{font-size:12px;min-height:44px;color:var(--ink);gap:10px}.palette-node:hover{background:#9fc5f52b}.palette-tip{font-size:11px;color:var(--muted);padding:12px;line-height:1.55;border-radius:15px}.brand{background:#b4d7f926!important;border:1px solid rgba(242,250,255,.5);box-shadow:var(--shadow);color:#1268ec!important;border-radius:11px}.brand.glass-painted{background:transparent!important}.brand>svg{filter:none}.brand>img{border-radius:6px}.brand-openai{color:#163b87!important}.brand-instagram{color:#9b42a9!important}.brand-whatsapp{color:#15815b!important}.brand-telegram{color:#137ab5!important}.brand-gmail,.brand-twilio{color:#c44754!important}.brand-branch{color:#7152bd!important}.brand-clock{color:#a96b20!important}.brand-end{color:#bb496a!important}.node-card{padding:0;border-radius:20px;min-height:78px;border:1px solid rgba(242,250,255,.5);box-shadow:var(--shadow);background:#b4d7f926}.node-card.selected{outline:2px solid #075aff;outline-offset:2px;box-shadow:var(--shadow)}.node-main{padding:17px 15px;gap:11px}.node-main strong{font-size:13px;font-weight:700;color:var(--navy);line-height:1.35}.node-main small{color:var(--muted);font-size:10px;max-width:none;line-height:1.5}.node-main .brand{width:36px;height:37px;flex-basis:36px}.node-ellipsis{color:#54709b}.node-branches{margin:0 0 2px;font-size:10px}.node-branches span{color:#157d6d}.node-branches span+span{color:#b14b6c}.node-card .react-flow__handle{border:2px solid #eaf5ff;background:#2478e5;width:10px;height:10px}.node-card .react-flow__handle:hover{background:var(--blue)}.react-flow__background{opacity:.48}.react-flow__controls{border:1px solid #eff8ff50!important;border-radius:12px;box-shadow:var(--shadow)!important;overflow:visible}.react-flow__controls-button{background:transparent!important;border-color:var(--line)!important;color:#315980!important;width:30px;height:30px}.react-flow__controls-button:hover{background:#b8d7f53b!important}.react-flow__controls-button svg{fill:currentColor}.react-flow__minimap{border-radius:16px;border:1px solid #eff8ff50;background:transparent;box-shadow:var(--shadow);overflow:hidden}.canvas-mode{font-size:10px;color:var(--muted);border-radius:12px}.canvas-hint{color:#4f709b;font-size:10px}.undo-controls{border-radius:12px;border:1px solid #eff8ff50;background:transparent}.undo-controls button{color:#315980;padding:9px}.canvas-empty{border-radius:22px;padding:24px}.inspector-heading{padding:17px 16px 13px}.inspector-heading input{font-size:15px;color:var(--navy)}.inspector-heading p{font-size:10px;color:var(--muted);line-height:1.5}.inspector-tabs{padding:0 12px 10px;gap:5px;border-bottom:1px solid var(--line)}.inspector-tabs button{flex:1;min-height:36px;padding:8px 6px;font-size:12px;border-radius:11px;color:var(--muted);border-bottom:0;box-shadow:none}.inspector-tabs button.active{color:var(--blue);box-shadow:var(--shadow);font-weight:700}.inspector-body{padding:14px 16px}.inspector-note{color:var(--muted);font-size:11px;line-height:1.6}.form-label{font-size:12px;color:var(--ink);line-height:1.6}.field-shell{border-radius:12px;border:1px solid #eff8ff50;box-shadow:var(--shadow)}.field-shell input,.field-shell textarea{font-size:12px;min-height:40px;padding:10px 12px;color:var(--ink)}.select-trigger>span{font-size:12px;line-height:1.5}.select-trigger>.placeholder{color:var(--muted)}.field-shell input::placeholder,.field-shell textarea::placeholder{color:var(--muted)}.select-menu{border-radius:19px;background:#b4d7f926;border:1px solid #eff8ff50;box-shadow:0 16px 45px #25487d35;color:var(--ink)}.select-option{font-size:12px;line-height:1.45;min-height:42px;border-radius:12px;color:var(--ink)}.select-option small{color:var(--muted);font-size:10px;line-height:1.5}.select-option.selected,.select-option.selected:hover{color:var(--blue);background:#a5c9f51c;border:1px solid #d7ebff66;box-shadow:var(--shadow)}.select-option.selected small{color:#245ba5}.select-option:hover{background:#9fc5f533}.select-group{color:var(--muted)}.manual-option{color:var(--blue)}.advanced-settings,.field-source{border-color:var(--line);color:var(--ink)}.advanced-settings summary,.field-source summary{font-size:12px;line-height:1.5;color:var(--ink)}.draggable-field{border-color:var(--line);color:var(--ink);font-size:11px;background:#c0dcf51a}.draggable-field:hover{background:#a6cff63b}.data-tree{color:var(--ink);font-size:12px}.data-value{color:#345984}.continue-error{font-size:12px;color:var(--ink)}.switch{background:#8aaed0;border:1px solid #bdd6ec;border-radius:99px;box-shadow:inset 0 1px 3px #315d8325}.switch[aria-checked=true]{background:var(--blue);border-color:#3c86f6}.switch span{background:#f5fbff;box-shadow:0 1px 3px #3b628838}.danger{color:#ae3658}.chat-panel{gap:10px}.ai-welcome h2{font-size:17px;color:var(--navy)}.ai-welcome p{font-size:12px;line-height:1.65;color:var(--muted)}.chat-wallet{min-height:34px;padding:7px 9px;font-size:11px;border-radius:11px;color:var(--ink)}.chat-suggestion,.chat-message{border-radius:14px;color:var(--ink);font-size:12px;line-height:1.65;box-shadow:var(--shadow)}.chat-message.user{color:#164c92}.chat-compose{border-radius:16px;padding:10px;box-shadow:var(--shadow);border-color:#eff8ff50}.chat-compose textarea{font-size:12px;line-height:1.6;color:var(--ink);min-height:76px}.chat-compose textarea::placeholder{color:var(--muted)}.chat-panel>.tiny{color:var(--muted);font-size:10px;line-height:1.5}.page{padding:16px 14px 24px}.page-heading h1{font-size:34px;font-weight:750;letter-spacing:-1px;line-height:1.15;color:var(--navy)}.page-heading p{font-size:12px;line-height:1.65}.page-heading{margin-bottom:24px}.page .eyebrow{color:var(--blue);font-size:10px;letter-spacing:1.5px}.flow-tile,.integration-card,.plan-card,.table-card,.token-wallet,.billing-banner{border-radius:22px}.flow-tile h2,.integration-card h3,.plan-card h2,.token-wallet h2{color:var(--navy)}.flow-tile h2{font-size:18px}.flow-tile p{font-size:12px}.flow-tile-footer,.integration-card .tiny{color:var(--muted)}.table-row{color:var(--ink);border-color:var(--line);font-size:12px}.table-row:hover{background:#a4c9fc20}.table-head{color:var(--muted)}.plan-card.pro{border-color:#9dc6f5}.plan-card ul{font-size:13px;line-height:1.7;color:var(--muted)}.token-packs button{color:var(--ink);border-radius:16px;box-shadow:var(--shadow)}.token-packs button span{color:var(--blue)}.status-pill{color:#8a6224;border:1px solid #d8bd8240;background:#ead6a522}.status-pill.published{color:#157460;border-color:#6bba9c40;background:#9ad3bf29}.recommended{color:var(--blue);background:#9bc2f433}.modal,.auth-modal{border-radius:26px;border:1px solid #eff8ff50;background:#b4d7f926;box-shadow:0 24px 75px #2549753f;color:var(--ink)}.modal-heading h2,.auth-modal h2{color:var(--navy)}.modal .muted{font-size:12px;color:var(--muted)}.auth-modal{padding:30px}.auth-modal>img{border-radius:14px;width:56px;height:56px}.auth-mode{background:transparent;gap:6px}.auth-mode button{border-radius:12px;min-height:40px;font-size:12px;color:var(--muted)}.auth-mode button.active{color:var(--blue)}.auth-modal .form-label input{background:transparent;border:0}.auth-links button{color:var(--muted);font-size:12px}.toast,.busy-pill,.debug-bar{border:1px solid #eff8ff50;border-radius:17px;color:var(--ink);box-shadow:var(--shadow)}.debug-bar{font-size:11px}.debug-bar button{color:var(--blue)}.next-step-picker{background:#b4d7f926;border:1px solid #eff8ff50;border-radius:22px;-webkit-backdrop-filter:none;backdrop-filter:none}.next-step-option:hover{background:#a4c9fc25;border-color:#c4ddf566}.app-footer{font-size:9px;color:var(--muted)}@media(min-width:1000px){.editor-topbar{height:0!important;min-height:0;margin:0;border:0;box-shadow:none;padding:0}.editor-topbar .top-brand{top:17px;left:16px;font-size:16px;z-index:2}.editor-topbar .top-brand b{font-size:16px}.editor-topbar .top-right{top:10px;right:435px;z-index:2}.editor-topbar+.flow-toolbar{height:58px!important;padding-left:164px!important}.editor-topbar+.flow-toolbar .title-input{font-size:14px!important;max-width:100%}.editor-topbar+.flow-toolbar .flow-title{max-width:calc(100% - 455px)}.editor-topbar+.flow-toolbar .flow-actions>.button{min-height:36px}}@media(max-width:999px){.app-shell{padding:10px;gap:10px}.topbar{margin-bottom:8px;min-height:50px;border-radius:18px;padding:7px 10px}.top-brand,.top-brand b{font-size:16px}.flow-toolbar{border-radius:17px;min-height:48px;height:48px!important;margin-bottom:10px;padding:5px 9px!important}.palette,.inspector{border-radius:20px;background:#b4d7f926!important;box-shadow:0 16px 45px #25487d35}.palette{left:0}.inspector{right:0}.builder{overflow:hidden;border-radius:20px}.chat-panel .ai-welcome h2{font-size:15px}.inspector-tabs{gap:3px}.inspector-tabs button{font-size:12px}.page{padding:16px 6px}.canvas-top{left:8px;right:8px}.canvas-mode{font-size:10px}.flow-actions .button{min-height:36px}}@media(max-width:700px){.app-shell{padding:8px;gap:0}.topbar{gap:6px;min-height:50px}.topbar .top-brand,.topbar .top-brand b{font-size:15px}.topbar .top-right{gap:5px}.topbar .wallet-shortcut{font-size:11px;padding:6px;min-height:34px}.topbar .icon-button{width:32px;height:34px}.flow-toolbar{gap:5px}.flow-toolbar .title-input{font-size:12px!important}.flow-actions{gap:4px;margin-left:0}.flow-actions .button{min-width:32px;padding:7px}.rail{top:67px;left:8px;border-radius:20px}.page-heading h1{font-size:28px}.page-heading{margin-bottom:20px}.page-heading p{font-size:12px}.field-shell input,.field-shell textarea,.chat-compose textarea,.select-search input,.search-box input{font-size:16px}.select-trigger{min-height:40px}.select-trigger>span{font-size:13px}.palette-node{font-size:13px}.palette-title h2{font-size:16px}.palette .small{font-size:11px}.node-card{width:232px!important}.node-main strong{font-size:13px}.node-main small{font-size:10px}.form-label{font-size:12px}.auth-modal{padding:25px 20px}.auth-modal .form-label input{font-size:16px}.chat-compose textarea{min-height:66px}.chat-panel>.tiny{font-size:10px}.app-footer{padding:6px 2px}.debug-bar{font-size:10px;gap:8px}.debug-bar>span:nth-child(2){display:none}}@media(max-height:720px){.chat-panel .ai-welcome{display:none}.chat-compose textarea{min-height:48px}.rail-links{margin-top:14px;gap:5px}.rail-link{min-height:44px}.chat-panel{gap:7px}}.react-flow__panel.glass{position:absolute}.inspector-tabs button{min-width:0;white-space:normal;overflow-wrap:anywhere}.node-ai-button{white-space:normal;line-height:1.5}.brand.glass{position:relative}.canvas-mode{pointer-events:none}.flow-tile-footer{font-size:11px;line-height:1.5}.flow-tile-footer button{min-height:34px;padding:7px 9px;font-size:12px;border-radius:11px;color:#315980}.flow-tile-footer button:hover{background:#9fc5f533}.flow-tile-footer .danger{color:#ae3658}.rows-editor{display:grid;gap:16px;margin-top:18px}.rows-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.rows-heading h3{margin:0}.row-field{display:grid;gap:8px;margin:0;min-width:0}.row-field-label{margin:0;min-height:16px;gap:8px}.row-field-label strong{line-height:1.5}.row-field>.select-trigger,.row-field>.smart-value{margin:0}.row-field .rows-editor{margin-top:8px;padding-left:10px;border-left:1px solid var(--line)}.field-options{margin:0;gap:8px;line-height:1.5}.record-fields{display:grid;gap:12px;padding:12px}.record-field{display:grid;gap:8px;margin:0;min-width:0}.record-field>div:first-child{margin:0;gap:8px;align-items:start;line-height:1.5}.record-field strong{overflow-wrap:anywhere}.record-field>div:first-child>button{flex:none;min-width:24px;min-height:24px}.array-fields,.filter-fields{display:grid;gap:12px;min-width:0}.array-row{display:flex;align-items:start;gap:8px}.array-row>.record-fields,.array-row>.smart-value{flex:1;min-width:0}.array-row>button{flex:none;padding:8px}.filter-rule{display:grid;gap:8px;padding:10px;border:1px solid var(--line);border-radius:14px}.form-label{display:grid;gap:8px;margin:16px 0;line-height:1.5}.form-label>span{margin:0}.continue-error,.node-danger,.modal-actions{gap:12px;align-items:center}.manual-field{gap:8px}.field-help{font-size:11px;line-height:1.6;color:var(--muted);min-width:0;overflow-wrap:anywhere}.field-help p{margin:0}.field-help details{margin-top:5px}.field-help summary{font-size:10px;cursor:pointer;color:var(--blue);padding:3px 0}.field-help details p{padding:6px 0;font-size:10px}.field-help+.field-help{display:none}.choice-type{font-weight:600;color:var(--blue)!important}.choice-description{display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5;margin-top:4px;font-size:10px!important}.select-option{align-items:start;padding:10px}.select-option>svg{flex:none;margin-top:2px}.select-option>span{overflow-wrap:anywhere}.select-more{font-size:11px;color:var(--blue);padding:12px;text-align:left}.schema-reference{margin-top:4px;border-top:1px solid var(--line);padding-top:14px}.schema-reference>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;line-height:1.5;font-size:12px;color:var(--ink)}.schema-reference>summary>span,.field-browser-heading>span{font-size:10px;color:var(--muted);flex:none}.field-browser{display:grid;gap:10px;margin-top:12px;min-width:0}.field-browser-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;line-height:1.5}.field-browser-heading strong{font-size:12px}.field-browser-list{display:grid;gap:6px}.field-description{border:1px solid var(--line);border-radius:12px;padding:9px 10px;min-width:0;background:#c2ddfc12}.field-description>summary{display:flex;gap:8px;align-items:start;cursor:pointer;font-size:11px;line-height:1.5;min-width:0}.field-description>summary[draggable=true]{cursor:grab}.field-description>summary>span{flex:1;min-width:0;overflow-wrap:anywhere}.field-description>summary>svg{flex:none;margin-top:2px;color:var(--blue)}.field-description>summary>small{font-size:9px;max-width:72px;color:var(--muted);text-align:right;flex:none}.field-description>.field-help{margin:9px 0}.field-path{display:block;font-size:9px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere;margin-top:6px}.field-source.binding-shelf{margin-top:18px}.binding-index{display:grid;grid-template-columns:1fr 100px;gap:8px;align-items:center;font-size:10px;color:var(--muted)}.binding-index .select-trigger{min-height:30px;padding:5px 8px}.toolbar-wallet{display:none}.flow-actions{align-items:center}.wallet-shortcut{align-items:center;line-height:18px}.wallet-shortcut b{font-weight:500}.chat-wallet{align-items:center;line-height:18px;min-height:34px}.chat-wallet span{display:flex;align-items:center}@media(min-width:1000px){.editor-topbar .top-right{display:none}.editor-topbar+.flow-toolbar{padding-top:11px!important;padding-bottom:11px!important}.editor-topbar+.flow-toolbar .flow-title{max-width:none;flex:1;min-width:0}.editor-topbar+.flow-toolbar .flow-title>div{min-width:0;flex:1}.editor-topbar+.flow-toolbar .title-input{width:100%;max-width:100%}.flow-actions .toolbar-wallet{display:flex;height:36px;min-height:36px;padding:7px 11px;font-size:12px}.editor-topbar+.flow-toolbar .flow-actions>.button{height:36px;min-height:36px;line-height:18px;padding-top:8px;padding-bottom:8px}}@media(max-width:700px){.row-field{gap:8px}.record-fields{padding:10px}.field-help{font-size:12px}.field-description>summary{font-size:12px}.field-description>summary>small{font-size:10px}.form-label{margin:14px 0}.schema-reference>summary{font-size:12px}}.inspector-tabs{margin:0 16px;padding:0 0 10px;gap:6px}.inspector-tabs button{min-width:0;white-space:nowrap;padding:8px 5px}@media(max-width:400px){.inspector-tabs button{font-size:11px}}.app-shell{position:fixed;inset:0;width:100%;height:100%;max-width:none;min-width:0;min-height:0}.integration-overlay .integration-detail{overflow:clip;scrollbar-gutter:auto;max-height:calc(100dvh - 48px)}.integration-overlay .integration-detail>.modal-heading{flex:none;position:relative;top:auto;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:4px}.integration-dialog-body{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:18px;outline-offset:-2px;padding:0 2px 2px}.integration-dialog-body::-webkit-scrollbar{display:none}.integration-dialog-body>*{flex-shrink:0}.canvas-switch-trigger{flex:none;min-height:36px;gap:7px;padding:7px 10px;font-size:12px;white-space:nowrap;color:var(--blue)}.canvas-switch-menu{position:fixed;z-index:70;display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:22px;border:1px solid #eff8ff70;box-shadow:0 16px 45px #25487d35;overflow:hidden}.canvas-switch-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;color:var(--navy)}.canvas-switch-menu .search-box{margin:0;flex:none;display:flex}.canvas-switch-menu .search-box input{min-width:0;width:100%}.canvas-switch-list{display:grid;gap:6px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px}.canvas-switch-option{display:flex;align-items:center;gap:10px;width:100%;padding:12px;border-radius:13px;color:var(--ink);text-align:left;border:1px solid transparent}.canvas-switch-option>svg{flex:none;color:var(--blue)}.canvas-switch-option>span{flex:1;min-width:0;display:grid;gap:5px}.canvas-switch-option strong{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.canvas-switch-option small{font-size:10px;line-height:1.5;color:var(--muted)}.canvas-switch-option:hover,.canvas-switch-option:focus-visible{background:#a6cdf333}.canvas-switch-option.current{background:#a6cdf333;border-color:#7cb0e955}.canvas-switch-footer{flex:none;display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:12px}.canvas-switch-footer .button{min-height:38px;font-size:12px}.flow-title .new-canvas{flex:none;min-height:36px;padding:7px 10px;font-size:12px;color:var(--blue)}.flow-title>.canvas-switch-trigger{flex:none!important;width:auto!important}@media(min-width:1000px){.flow-title>.flow-symbol{display:none}.flow-title>.new-canvas{margin-left:4px}}@media(min-width:701px)and (max-width:1200px){.flow-title .new-canvas span{display:none}.flow-title .new-canvas{min-width:36px;padding:8px}.canvas-switch-trigger span{display:none}}@media(max-width:700px){.flow-toolbar{flex-wrap:wrap;height:auto!important;min-height:84px;padding:7px 9px!important;gap:7px}.flow-toolbar .flow-title{flex-basis:100%;gap:8px}.flow-title>.flow-symbol,.flow-title>.status-pill,.flow-title .description-input{display:none}.flow-title>.canvas-switch-trigger{padding:7px;min-height:34px;font-size:11px}.flow-title .new-canvas{min-height:34px;padding:7px;font-size:11px;white-space:nowrap}.flow-title>div{min-width:0;flex:1;max-width:none}.flow-toolbar .flow-actions{width:100%;justify-content:flex-end;gap:7px}.flow-toolbar .flow-actions .button{height:34px;min-height:34px}.integration-overlay .integration-detail{max-height:calc(100dvh - 24px)}.integration-dialog-body{gap:16px}.canvas-switch-menu{padding:14px}.canvas-switch-menu .search-box input{font-size:16px}}.integrations-page{display:grid;gap:20px;min-width:0}.integration-summary{display:flex;align-items:center;gap:16px;padding:18px;border-radius:20px}.integration-summary>svg{flex:none;color:var(--blue)}.integration-summary>div{flex:1;min-width:0}.integration-summary strong{font-size:14px}.integration-summary p{font-size:12px;color:var(--muted);line-height:1.6;margin:6px 0 0}.integration-filters{display:grid;grid-template-columns:minmax(180px,1fr) 180px 190px auto;gap:12px;align-items:center}.integration-filters .search-box{margin:0;min-height:42px}.integration-filters .search-box input{min-width:0;flex:1}.integration-filters .search-box button{flex:none;color:var(--muted)}.integration-filters .select-trigger{min-height:42px}.integration-grid.service-grid{margin:0;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:20px;align-items:stretch}.service-card{padding:20px;border-radius:22px;display:flex;flex-direction:column;gap:16px;min-width:0}.service-card-heading{display:flex;gap:12px;align-items:center}.service-card-heading>div{min-width:0}.service-card-heading h3{margin:0;font-size:15px;line-height:1.5;overflow-wrap:anywhere}.service-card-heading span:not(.brand){color:var(--muted);font-size:11px;line-height:1.5}.service-description{font-size:12px;color:var(--muted);line-height:1.65;margin:0}.service-accounts{display:grid;gap:14px;flex:1}.service-account{border:1px solid var(--line);padding:14px;border-radius:16px;display:grid;gap:8px;min-width:0}.service-account>strong{font-size:13px;line-height:1.5;overflow-wrap:anywhere}.account-identity,.service-account>small{font-size:11px;color:var(--muted);line-height:1.5;overflow-wrap:anywhere}.account-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:4px}.account-actions .button{font-size:11px;min-height:34px;padding:7px 10px}.connection-state{display:flex;align-items:center;gap:7px;line-height:1.6;white-space:normal}.connection-state>span{display:flex;align-items:center;flex:none}.service-connect{align-self:stretch;justify-content:center;font-size:12px}.connection-help,.integration-notice{border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:12px;line-height:1.65;color:var(--ink);margin:0;overflow-wrap:anywhere}.integration-empty{padding:28px;text-align:center;border-radius:22px}.integration-empty .button{margin:auto}.credential-card{align-items:start}.credential-card>div{flex:1;min-width:0}.credential-card p{overflow-wrap:anywhere;line-height:1.6}.credential-revoke{display:grid;gap:8px;margin-top:12px}.credential-revoke p{font-size:11px;color:var(--muted);margin:0}.integration-setup{max-width:540px}.integration-setup .modal-heading{align-items:center;gap:12px}.integration-setup .modal-heading h2{flex:1;min-width:0;font-size:20px;overflow-wrap:anywhere}.connection-steps{padding-left:22px;margin:18px 0;display:grid;gap:12px;font-size:13px;line-height:1.65;color:var(--muted)}.integration-setup .modal-actions{display:flex;flex-wrap:wrap;margin-top:18px;gap:12px}.integration-setup .connection-help{margin-top:16px}.connection-form .form-label{margin:14px 0}.node-connection-help{display:grid;gap:8px;font-size:11px;line-height:1.6}.node-connection-help p{margin:0;color:var(--muted)}.node-connection-help .text-button{color:var(--text);justify-content:start;white-space:normal;text-align:left}.integrations-page .section-heading{margin:6px 0 0;gap:16px}.integration-setup .button,.integration-summary .button{white-space:normal;text-align:center}.integration-filters .search-box{display:flex}.service-accounts,.service-account{align-content:start}.integration-detail .modal-heading{position:sticky;top:0;z-index:2;padding:4px;border-radius:16px;background:#bedaf8b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.integration-grid.service-preview-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,248px),1fr));gap:16px;align-items:start}.service-preview-card{border-radius:22px;min-width:0;overflow:hidden}.service-preview{display:flex;flex-direction:column;gap:14px;padding:20px;width:100%;min-height:212px;text-align:left;color:var(--text);border-radius:22px}.service-preview:hover{background:#d0e6ff26}.service-preview:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}.service-preview .service-description{min-height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.service-preview-status{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:11px;line-height:1.5;min-height:18px}.service-preview-status>span{display:inline-flex;gap:6px;align-items:center}.service-status-ready{color:#278c7c}.service-status-attention{color:#9b713b}.service-status-empty{color:var(--muted)}.service-preview-footer{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.service-preview-footer>span{display:inline-flex;align-items:center;gap:7px;min-width:0}.service-preview-open{color:var(--blue)}.integration-detail{width:min(680px,calc(100vw - 48px));max-width:680px;padding:24px;display:flex;flex-direction:column;gap:18px}.integration-detail.integration-setup{max-width:540px}.integration-detail .modal-heading{margin:0;gap:12px;align-items:center}.integration-detail .modal-heading h2{flex:1;min-width:0;margin:0;font-size:22px;line-height:1.5;overflow-wrap:anywhere}.integration-detail .modal-heading>.icon-button{flex:none}.integration-detail .service-accounts{flex:none}.integration-detail-toolbar,.integration-detail-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.integration-detail-toolbar{padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.integration-detail-toolbar strong{font-size:14px}.integration-detail-toolbar p{margin:5px 0 0}.integration-detail .account-search{margin:0;display:flex;min-height:42px}.integration-account-list{gap:12px}.integration-detail .service-account{padding:16px;gap:8px;background:#bddafa12}.integration-detail-footer{padding-top:16px;border-top:1px solid var(--line)}.integration-detail-footer>span{display:flex;gap:6px;align-items:center;line-height:1.5}.integration-account-empty{padding:20px;text-align:center;color:var(--muted)}.integration-account-empty>svg{color:var(--blue)}.integration-account-empty h3{font-size:15px;color:var(--ink)}.integration-account-empty p{font-size:12px;line-height:1.6}.integration-detail .button{white-space:normal}.integration-detail .connection-help,.integration-detail .modal-actions{margin:0}@media(max-width:600px){.integration-grid.service-preview-grid{gap:12px}.service-preview{padding:16px;min-height:206px}.integration-detail{width:calc(100vw - 24px);padding:20px;gap:16px}.integration-detail .modal-heading h2{font-size:20px}.integration-detail-toolbar,.integration-detail-footer{align-items:stretch;flex-direction:column;gap:12px}.integration-detail-toolbar>.button,.integration-detail-footer>.button{justify-content:center;min-height:42px}.integration-detail .service-account{padding:14px}.integration-detail .account-actions .button{min-height:40px}.integration-detail-footer>span{justify-content:center}.service-preview-status{font-size:12px}}@media(max-width:1100px){.integration-filters{grid-template-columns:1fr 1fr}.integration-filters .search-box{grid-column:1/-1}.integration-filters>.button{grid-column:1/-1;justify-self:start}}@media(max-width:600px){.integrations-page{gap:16px}.integration-summary{flex-wrap:wrap;padding:16px;gap:12px}.integration-summary>.button{width:100%;justify-content:center}.integration-filters{gap:10px;grid-template-columns:1fr}.integration-filters .search-box,.integration-filters>.button{grid-column:auto}.integration-filters>.button{justify-self:stretch;justify-content:center}.service-card{padding:16px;gap:14px}.service-account{padding:12px}.integration-setup{padding:20px}.integrations-page .section-heading{align-items:stretch;flex-direction:column}.integrations-page .section-heading>.button{justify-content:center}.account-actions .button{min-height:38px}.service-card-heading h3{font-size:16px}}.integration-dialog-body:focus-visible{outline:2px solid #337bf54d;border-radius:12px}:root[data-flow-mode]{color:var(--text);background:var(--scene-base)}body:has([data-flow-mode]),html[data-flow-mode] body{background:var(--scene-base);color:var(--text)}html[data-flow-mode] .glass{border-color:var(--rim);background-color:var(--surface);box-shadow:0 4px 18px var(--shadow),inset 0 1px 0 var(--rim)}html[data-flow-mode] :is(.topbar,.rail,.builder,.palette,.inspector,.chat-panel,.modal,.integration-detail,.select-menu,.canvas-switcher,.canvas-switcher-dialog,.token-wallet,.flow-tile,.plan-card){color:var(--text);background-color:var(--surface)}html[data-flow-mode] :is(.modal-overlay,.integration-overlay){background:var(--shadow)}html[data-flow-mode] :is(.modal,.select-menu,.auth-modal,.integration-detail,.canvas-switcher-dialog){background-color:var(--panel)}html[data-flow-mode] :is(input,textarea,select,.select-trigger,.search-box,.chat-compose,.json-output,.code-input,.record-field,.smart-value){color:var(--text);border-color:var(--line);background-color:var(--field)}html[data-flow-mode] :is(input,textarea)::placeholder{color:var(--muted);opacity:.8}html[data-flow-mode] :is(.button,.rail-link,.title-input,.description-input,.node-card strong,.inspector-heading input,.form-label,.rows-heading h3,.node-group h3,.page h1,.page h2,.page h3,.table-row strong,.integration-card h3,.token-wallet h2,.modal-heading h2,.smart-value-text,.select-option,.select-trigger){color:var(--text)}html[data-flow-mode] :is(.muted,.eyebrow,.placeholder,.rail-link span,.node-card small,.inspector-note,.inspector-heading p,.form-label small,.field-options,.field-source small,.schema-field,.draggable-field code,.draggable-field small,.choice-type,.choice-description,.select-group,.chat-message,.chat-suggestion,.canvas-hint,.canvas-mode,.app-footer,.table-row,.table-head,.empty-message,.flow-tile p,.tile-footer small,.plan-price small,.plan-card li,.plan-card>.muted,.token-wallet p,.token-wallet h2 small,.token-packs span,.version-row p,.run-details pre,.run-details summary small,.integration-card p,.integration-card code,.section-heading a,.binding-source,.rows-help,.field-browser-description,.field-description,.field-meta,.record-help,.palette-node small){color:var(--muted)}html[data-flow-mode] :is(.rail-link.active,.rail-link.active span,.top-brand b,.select-option.selected,.select-more,.insert-variable,.inspector-tabs .active,.palette-switch .selected,.tile-footer button,.button.primary,.canvas-switcher-name,.flow-tile-tools button:hover){color:var(--blue)}html[data-flow-mode] :is(.rail-link.active,.select-option.selected,.palette-switch .selected,.inspector-tabs .active){border-color:var(--blue)}html[data-flow-mode] :is(.palette-node,.field-source,.node-danger,.inspector-tabs,.table-row,.tile-footer,.version-row,.section-heading,.record-fields,.row-field,.chat-message,.chat-suggestion,.advanced-settings,.schema-field){border-color:var(--line)}html[data-flow-mode] :is(.node-card,.node-card.selected){background-color:var(--surface);color:var(--text)}html[data-flow-mode] .node-card.selected{border-color:var(--blue)}html[data-flow-mode] .react-flow__handle{background:var(--edge);border-color:var(--scene-base)}html[data-flow-mode] .react-flow__controls-button{background:var(--panel)!important;color:var(--blue)!important;border-color:var(--line)!important}html[data-flow-mode] .react-flow__minimap{background:var(--surface)!important;border-color:var(--rim)!important}html[data-flow-mode] :is(.undo-controls,.auth-mode,.palette-switch,.inspector-tabs,.canvas-mode,.debug-bar,.recommended,.chat-message.user){background-color:var(--field);color:var(--muted);border-color:var(--line)}html[data-flow-mode] :is(.select-search input,.title-input,.description-input,.inspector-heading input,.chat-compose textarea){background:transparent}html[data-flow-mode] :is(.canvas-switcher-item,.integration-account,.integration-provider-card,.integration-status-line,.integration-catalog-item){color:var(--text);border-color:var(--line)}html[data-flow-mode] :is(.integration-summary,.integration-account small,.integration-account p,.integration-provider-card p,.integration-provider-card small,.canvas-switcher-item small){color:var(--muted)}html[data-flow-mode] :is(.canvas-switcher-item:hover,.select-option:hover,.palette-node:hover,.draggable-field:hover){background:var(--field)}html[data-flow-mode] .brand-openai{color:var(--text)}html[data-flow-mode] :is(.icon-button,.top-brand,.palette h2,.palette-node,.palette-node span,.node-ellipsis,.rows-heading button,.row-field-label input,.row-field-label button,.field-source summary,.data-tree,.record-fields strong,.toggle-row,.appearance-settings,.canvas-switcher-heading,.canvas-switcher-option,.integration-detail h2,.integration-detail h3){color:var(--text)}html[data-flow-mode] .brand{color:var(--blue)}html[data-flow-mode] .palette-node>.brand{color:var(--blue)}html[data-flow-mode] .wallet-shortcut{color:var(--text)}html[data-flow-mode] :is(.continue-error,.advanced-settings>summary,.schema-reference>summary){color:var(--text);border-color:var(--line)}html[data-flow-mode] :is(.group-title,.inspector strong,.inspector label,.text-button){color:var(--text)}html[data-flow-mode] :is(.app-shell h1,.app-shell h2,.app-shell h3,.auth-modal>h2,.record-fields strong,.binding-browser strong,.integration-detail strong){color:var(--text)}html[data-flow-mode] .undo-controls button{color:var(--muted)}html[data-flow-mode] .node-branches,html[data-flow-mode] .node-branches span{color:var(--yes)}html[data-flow-mode] .node-branches span+span{color:var(--no)}html[data-flow-mode] :is(.rail-link:hover,.avatar,.binding-pill,.field-token,.data-token){background-color:var(--field);color:var(--blue)}html[data-flow-mode] .modal:has(.appearance-settings){overflow:clip;display:flex;flex-direction:column}html[data-flow-mode] .modal:has(.appearance-settings)>:not(.sg-pane){flex-shrink:0}html[data-flow-mode] .modal>.appearance-settings{overflow-y:auto;flex-shrink:1;min-height:0;scrollbar-width:none;padding:1px}html[data-flow-mode] .modal>.appearance-settings::-webkit-scrollbar{display:none}html[data-flow-mode=dark] :is(.brand-google,.brand-gmail,.brand-apple,.brand-x,.brand-threads,.brand-meta){color:#d4e6ff}html[data-flow-mode=dark] :is(.connection-state,.run-state){color:#8adccb}html[data-flow-mode=dark] :is(.danger,.error-text,.connection-state.failed,.run-state.failed){color:#ffa5bd!important}html[data-flow-mode=dark] :is(.toast,.busy-pill){background:var(--panel);color:var(--text)}.appearance-mode{display:flex;gap:10px;margin:20px 0}.appearance-mode>.button{flex:1;justify-content:center;min-height:44px}.appearance-mode [aria-pressed=true],.appearance-preset[aria-pressed=true]{border-color:var(--blue)!important;color:var(--blue)!important}.appearance-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.appearance-preset.button{display:flex;flex-direction:column;text-align:left;align-items:stretch;padding:12px;gap:7px;min-width:0;white-space:normal}.appearance-preset strong{font-size:12px;line-height:1.5}.appearance-preset small{font-size:10px;line-height:1.5;color:var(--muted);font-weight:400}.appearance-swatch{height:62px;border-radius:10px;position:relative;overflow:hidden;border:1px solid var(--rim)}.appearance-swatch i{position:absolute;width:150%;height:30px;opacity:.18;transform:rotate(30deg);top:18px;left:-18px;border:1px solid white}.appearance-swatch svg{position:absolute;right:7px;top:7px;color:var(--blue)}.appearance-settings>.muted{font-size:11px;line-height:1.7;margin:0}@media(max-width:540px){.appearance-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.appearance-swatch{height:48px}.appearance-preset.button{padding:10px}.appearance-mode{margin:16px 0}}