.automation-page{padding:28px!important}.automation-page:has(.automation-studio){padding:18px!important}.automation-page+.workspace-footer:has(+*){display:none}.automations-library{max-width:1420px;margin:0 auto}.automation-library-heading{justify-content:space-between;align-items:center;gap:25px;margin:12px 0 29px;display:flex}.automation-library-heading h1{letter-spacing:-1.6px;color:#103147;margin:12px 0;font-size:34px;line-height:1.2}.automation-library-heading h1>span{color:#36b4da}.automation-library-heading p{color:#77909f;font-size:13px}.automation-library-heading>.button{white-space:nowrap;background:#0b3045;border-radius:12px;box-shadow:0 4px 12px #163e5212}.automation-library-heading .eyebrow{letter-spacing:1.8px;color:#6e92a6;font-size:9px}.automation-intro{background:linear-gradient(110deg,#e3f7ff 0%,#edf8ff 50%,#f3efff 100%);border:1px solid #d8eaf5;border-radius:21px;align-items:center;gap:19px;margin-bottom:30px;padding:25px 29px;display:flex;position:relative;overflow:hidden}.automation-intro-symbol{color:#27a8d6;background:#ffffffbd;border:1px solid #fff;border-radius:18px;flex:none;place-items:center;width:59px;height:59px;display:grid;position:relative;box-shadow:0 5px 15px #68b2d219}.automation-intro-symbol>span{color:#c3f2ff;background:#0a334a;border:2px solid #f3fbff;border-radius:7px;place-items:center;width:21px;height:21px;display:grid;position:absolute;top:-5px;right:-5px}.automation-intro>div:nth-child(2){flex:1}.automation-intro b{color:#28495f;font-size:15px}.automation-intro p{color:#718a9d;margin-top:6px;font-size:12px}.automation-intro-count{border-left:1px solid #d8e3ed;min-width:120px;padding-left:25px}.automation-intro-count strong{letter-spacing:-1px;color:#28536a;font-size:27px;line-height:1.2;display:block}.automation-intro-count>span{color:#7890a3;margin-top:4px;font-size:10px;display:block}.automation-list-toolbar{justify-content:space-between;align-items:center;gap:20px;margin:0 0 22px;display:flex}.automation-filters{background:#eaf1f6;border-radius:11px;gap:4px;padding:4px;display:flex}.automation-filters button{color:#708595;white-space:nowrap;border-radius:8px;padding:8px 12px;font-size:11px;font-weight:550}.automation-filters button[aria-pressed=true]{color:#254559;background:#fff;box-shadow:0 2px 5px #23445609}.automation-filters button>span{color:#3985a6;background:#eaf6fc;border-radius:5px;margin-left:7px;padding:1px 5px;font-size:10px;display:inline-flex}.automation-search{color:#9aafbf;background:#fff;border:1px solid #dee8f0;border-radius:11px;align-items:center;gap:9px;padding:9px 12px;display:flex}.automation-search input{color:#36546a;background:0 0;outline:none;max-width:190px;font-size:12px}.automation-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.automation-library-card{background:#fff;border:1px solid #dee8ee;border-radius:19px;min-width:0;transition:border-color .18s,box-shadow .18s,transform .18s;overflow:hidden;box-shadow:0 2px 3px #203c5003}.automation-library-card:hover{border-color:#a3d4e6;transform:translateY(-2px);box-shadow:0 7px 24px #1c53770a}.workflow-card-preview{background:radial-gradient(at 15% 110%,#d9f1fb70,#0000 65%),radial-gradient(at 100% 0,#e9e0fa50,#0000 65%),radial-gradient(#cedde870 .8px,#0000 .8px) 0 0/15px 15px,#f9fbfd;border-bottom:1px solid #e8eff4;justify-content:center;align-items:center;height:150px;display:flex;position:relative}.workflow-card-preview>.workflow-state{background:#ffffffd9;position:absolute;top:14px;left:15px}.workflow-card-preview>svg{color:#9baebb;position:absolute;top:16px;right:17px}.mini-flow{align-items:center;width:85%;margin-top:17px;display:flex}.mini-flow .studio-icon{border:1px solid #ffffffd9;border-radius:12px;outline:4px solid #ffffff87;flex:none;width:39px;height:39px;box-shadow:0 3px 7px #214e6410}.mini-flow>i{border-top:2px dotted #a3bbcc;flex:1;height:0}.mini-flow .studio-icon:nth-of-type(2){transform:translateY(-14px)}.mini-flow .studio-icon:nth-of-type(3){transform:translateY(12px)}.workflow-card-body{padding:21px}.workflow-card-body>div:first-child{justify-content:space-between;align-items:start;gap:10px;display:flex}.workflow-card-body h2{letter-spacing:-.3px;color:#24445b;font-size:15px;font-weight:650;line-height:1.4}.workflow-card-body>div:first-child>button{color:#9eafbc;border-radius:5px;margin-top:2px;padding:3px}.workflow-card-body>div:first-child>button:hover{color:#326481;background:#edf5fb}.workflow-card-body>p{color:#8193a3;min-height:38px;margin:9px 0 19px;font-size:11px;line-height:1.75}.workflow-card-meta{color:#8599a8;align-items:center;gap:13px;font-size:9px;display:flex}.workflow-card-meta>span{align-items:center;gap:4px;display:flex}.workflow-card-meta>span:last-child{margin-left:auto}.workflow-state{text-transform:capitalize;white-space:nowrap;color:#8696a4;background:#f2f5f8;border-radius:6px;align-items:center;gap:5px;padding:4px 7px;font-size:9px;font-weight:550;display:inline-flex}.workflow-state>i{background:currentColor;border-radius:100%;width:5px;height:5px}.workflow-state.state-active{color:#349a78;background:#e9f8f1}.workflow-state.state-draft{color:#8391ad;background:#eff2fa}.workflow-state.state-paused{color:#b29256;background:#fff5e5}.workflow-create-card{text-align:center;background:#f7fbfd;border:1.5px dashed #cddde7;border-radius:19px;flex-direction:column;justify-content:center;align-items:center;min-height:278px;padding:28px;transition:background .2s,border-color .2s;display:flex}.workflow-create-card:hover{background:#edf8ff;border-color:#78c5e3}.workflow-create-card>span{color:#8ab9ce;background:#e5f2fa;border:1px solid #d2e7f2;border-radius:15px;place-items:center;width:49px;height:49px;margin-bottom:15px;display:grid}.workflow-create-card b{color:#617d90;font-size:14px}.workflow-create-card small{color:#92a6b5;max-width:200px;margin:8px 0 19px;font-size:11px;line-height:1.8}.workflow-create-card em{color:#4599bc;align-items:center;gap:8px;font-size:10px;font-style:normal;font-weight:600;display:flex}.automation-loading{color:#7091a6;justify-content:center;align-items:center;gap:12px;min-height:450px;font-size:13px;display:flex}.automation-templates{border-top:1px solid #e0eaf0;margin-top:38px;padding-top:29px}.automation-section-title{justify-content:space-between;align-items:center;margin-bottom:19px;display:flex}.automation-section-title h2{color:#305066;letter-spacing:-.4px;margin-top:8px;font-size:18px}.automation-section-title>span{color:#93a5b3;font-size:11px}.automation-section-title .eyebrow{letter-spacing:1.5px;font-size:8px}.automation-templates>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.automation-templates>div:last-child>button{text-align:left;background:#ffffffa8;border:1px solid #e0e9f0;border-radius:15px;padding:21px 18px;position:relative}.automation-templates>div:last-child>button:hover{background:#fff;border-color:#9bd0e4}.template-symbol{background:var(--tone-bg);width:35px;height:35px;color:var(--tone);border-radius:10px;flex:none;place-items:center;display:grid}.automation-templates b{color:#4a697e;margin:15px 0 6px;font-size:12px;display:block}.automation-templates p{color:#8b9fad;padding-right:20px;font-size:11px;line-height:1.7}.automation-templates>div:last-child>button>svg{color:#a1b3c0;position:absolute;top:23px;right:20px}.workflow-template-picker{flex-direction:column;gap:9px;margin-bottom:24px;display:flex}.workflow-template-picker>button{text-align:left;border:1px solid #e1eaf1;border-radius:12px;align-items:center;gap:13px;padding:15px;display:flex}.workflow-template-picker>button[aria-pressed=true]{background:#f1faff;border-color:#76cae9}.workflow-template-picker b{color:#30556c;font-size:13px;display:block}.workflow-template-picker small{color:#8298a7;margin-top:5px;font-size:11px;display:block}.template-radio{border:1.5px solid #d7e1e9;border-radius:50%;flex:none;width:15px;height:15px;margin-left:auto}.workflow-template-picker>button[aria-pressed=true] .template-radio{background:#fff;border:4px solid #4bbbdf}.tone-cyan{--tone:#2bafd4;--tone-bg:#e0f7fc;--tone-border:#c0eaf4}.tone-amber{--tone:#bd924a;--tone-bg:#fff5df;--tone-border:#f0dfb4}.tone-violet{--tone:#9875d5;--tone-bg:#f1eafd;--tone-border:#e3d4fa}.tone-blue{--tone:#568fde;--tone-bg:#e9f2ff;--tone-border:#ccdef6}.tone-teal{--tone:#41a997;--tone-bg:#e5f7f2;--tone-border:#bee7db}.tone-rose{--tone:#cc7e99;--tone-bg:#fff0f5;--tone-border:#f0d4df}.tone-slate{--tone:#95a4b4;--tone-bg:#f0f4f8;--tone-border:#dae4ec}.studio-icon{width:38px;height:38px;color:var(--tone);background:var(--tone-bg);border:1px solid var(--tone-border);border-radius:12px;flex:none;place-items:center;display:grid}.automation-studio{color:#38556c;isolation:isolate;background:#fff;border:1px solid #dce6ee;border-radius:20px;overflow:hidden;box-shadow:0 9px 35px #183b5205}.automation-studio.studio-fullscreen{z-index:80;position:fixed;inset:12px;box-shadow:0 0 0 40px #e7eff5d9,0 15px 80px #12314624}.studio-topbar{background:linear-gradient(100deg,#fff,#fcfdff);border-bottom:1px solid #edf1f6;align-items:center;gap:12px;height:80px;padding:14px 18px;display:flex}.studio-back{color:#8fa5b5;border-right:1px solid #e5ebf0;padding:8px 15px 8px 8px}.studio-back:hover{color:#2a96be}.studio-logo{color:#3daed3;background:linear-gradient(135deg,#f1fbff,#e6f7fc);border:1px solid #d5edf7;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:grid}.studio-name{flex:1;min-width:100px}.studio-name>input{font:inherit;letter-spacing:-.35px;color:#244358;background:0 0;border-radius:5px;outline:none;width:100%;max-width:410px;padding:2px 0;font-size:15px;font-weight:650;display:block}.studio-name>input:focus{background:#f0f8fc;box-shadow:0 0 0 4px #f0f8fc}.studio-name>span{color:#91a2af;align-items:center;gap:9px;margin-top:5px;font-size:9px;display:flex}.studio-name .workflow-state{padding:2px 5px;font-size:8px}.studio-copy-label{border-left:1px solid #dbe4ec;padding-left:9px}.studio-top-actions{flex:none;align-items:center;gap:8px;display:flex}.studio-top-actions .button{background:#143a50;border-radius:9px;height:34px;padding:8px 13px;font-size:11px;box-shadow:0 3px 6px #123e5010}.studio-save-state{color:#8aa39f;white-space:nowrap;align-items:center;gap:6px;padding:8px 5px;font-size:10px;display:flex}.studio-save-state.has-error{color:#c27461}.studio-icon-button{color:#93a6b5;border-radius:8px;place-items:center;width:30px;height:32px;display:grid}.studio-icon-button:hover{color:#3a819f;background:#f0f7fb}.studio-test-button{color:#597489;background:#fff;border:1px solid #dce7ef;border-radius:9px;align-items:center;gap:6px;padding:9px 12px;font-size:11px;font-weight:550;display:flex;box-shadow:0 2px 3px #1d405509}.studio-test-button:hover{background:#f9fdff;border-color:#bdddea}.studio-subbar{color:#8099aa;background:#fcfdff;border-bottom:1px solid #e5ecf3;justify-content:space-between;align-items:center;gap:10px;height:36px;padding:0 23px;font-size:9px;display:flex}.studio-subbar>div{align-items:center;gap:13px;display:flex}.studio-subbar>div:last-child>span+span{border-left:1px solid #dde7ee;padding-left:13px}.studio-live-dot{background:#8cbecf;border-radius:50%;width:5px;height:5px}.studio-save-error{color:#9d6950;background:#fff2e9;align-items:center;gap:10px;padding:10px 20px;font-size:11px;display:flex}.studio-save-error>button{white-space:nowrap;border:1px solid #ecd2c2;border-radius:5px;margin-left:auto;padding:4px 7px}.studio-save-error>button+button{margin-left:0}.studio-body{grid-template-columns:220px minmax(0,1fr) 285px;height:calc(100dvh - 236px);min-height:620px;max-height:1000px;display:grid}.studio-fullscreen .studio-body{height:calc(100dvh - 142px);min-height:0;max-height:none}.studio-body.library-hidden{grid-template-columns:minmax(0,1fr) 285px}.studio-body.inspector-hidden{grid-template-columns:220px minmax(0,1fr)}.studio-body.library-hidden.inspector-hidden{grid-template-columns:minmax(0,1fr)}.studio-palette{background:#fff;border-right:1px solid #e0e9f0;flex-direction:column;min-height:0;display:flex}.studio-palette>header{color:#4f6b81;justify-content:space-between;align-items:center;padding:21px 16px 17px;font-size:11px;font-weight:600;display:flex}.studio-palette>header>span{align-items:center;gap:7px;display:flex}.studio-palette>header button{color:#a0b0be;padding:4px}.studio-palette-search{color:#adbbc8;background:#f7f9fc;border:1px solid #e6edf3;border-radius:8px;align-items:center;gap:8px;margin:0 14px;padding:9px 10px;display:flex}.studio-palette-search input{color:#55768e;background:0 0;outline:none;width:100%;min-width:0;font-size:10px}.studio-palette-search kbd{font:inherit;background:#fff;border:1px solid #e1e9f0;border-radius:3px;padding:0 3px;font-size:10px}.studio-palette>p{color:#9fafbd;margin:11px 17px 4px;font-size:9px}.studio-palette-list{scrollbar-width:thin;flex:1;min-height:0;padding:0 13px 18px;overflow-y:auto}.studio-palette-list h4{text-transform:uppercase;letter-spacing:1px;color:#a0afbb;margin:21px 4px 10px;font-size:8px;font-weight:600}.studio-palette-list button{text-align:left;cursor:grab;background:#fff;border:1px solid #e7edf4;border-radius:11px;align-items:center;gap:9px;width:100%;margin-bottom:7px;padding:12px 10px;transition:border-color .15s,background .15s,transform .15s;display:flex}.studio-palette-list button:hover{background:#fcfdff;border-color:#badbea;transform:translate(2px)}.studio-palette-list button:active{cursor:grabbing}.studio-palette-list button>span:nth-child(2){flex:1;min-width:0}.studio-palette-list .studio-icon{border-radius:9px;width:30px;height:30px}.studio-palette-list b{color:#4b667c;font-size:10px;font-weight:600;display:block}.studio-palette-list small{color:#9aabb8;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:8px;line-height:1.6;display:block;overflow:hidden}.studio-palette-list button>svg{color:#b4c0cc;flex:none}.studio-palette>footer{background:linear-gradient(120deg,#f2faff,#f8f5ff);border:1px solid #e9eff7;border-radius:10px;align-items:center;gap:9px;margin:0 14px 16px;padding:12px;display:flex}.studio-palette>footer>span{color:#82b3c9}.studio-palette>footer p{color:#8ea0b3;font-size:9px;line-height:1.65}.studio-palette>footer b{color:#657f94;font-weight:500}.studio-canvas{background:radial-gradient(at 20% 0,#e3f5ff55,#0000 50%),radial-gradient(at 100% 90%,#f0e7fa50,#0000 50%),#f6f9fc;min-width:0;min-height:0;position:relative}.studio-canvas .react-flow{--xy-background-color:transparent;--xy-selection-background-color:#5bc0e114;--xy-selection-border:1px solid #68bfdf;--xy-edge-stroke-selected:#45b5d8;touch-action:none}.studio-canvas .react-flow__node{background:0 0;border:0;border-radius:16px;padding:0}.studio-canvas .react-flow__node:focus-visible{outline-offset:5px;outline:2px solid #57badb}.studio-canvas .react-flow__node.dragging{cursor:grabbing;z-index:10!important}.studio-canvas .react-flow__node.dragging .studio-node{border-color:#b2d7e7;box-shadow:0 12px 24px #25476b14}.studio-node{background:linear-gradient(130deg,#fff,#fff 75%,var(--tone-bg));cursor:grab;contain:layout style;border:1px solid #dce5ee;border-radius:15px;width:266px;position:relative;box-shadow:0 2px 3px #233f5904,0 4px 14px #243d5307}.studio-node:before{content:"";background:var(--tone-border);border-radius:0 3px 3px 0;width:3px;position:absolute;top:23px;bottom:23px;left:0}.studio-node.is-selected{border-color:var(--tone);box-shadow:0 0 0 3px var(--tone-bg),0 5px 15px #3652690a}.node-title-row{align-items:center;gap:11px;padding:17px 17px 11px;display:flex}.node-title-row>div{flex:1;min-width:0}.node-title-row small{letter-spacing:1.1px;text-transform:uppercase;color:var(--tone);margin-bottom:5px;font-size:8px;font-weight:600;display:block}.node-title-row strong{letter-spacing:-.15px;color:#334d63;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:650;line-height:1.35;display:block;overflow:hidden}.node-grip{color:#becbd7;opacity:0;flex:none}.studio-node:hover .node-grip,.studio-node.is-selected .node-grip{opacity:1}.node-detail{color:#8a9cac;white-space:nowrap;text-overflow:ellipsis;border-top:1px solid #edf1f5;margin:0 17px 15px;padding-top:10px;font-size:10px;line-height:1.7;overflow:hidden}.node-start-label{color:#91a9b9;letter-spacing:1.3px;white-space:nowrap;align-items:center;gap:5px;font-size:8px;font-weight:600;display:flex;position:absolute;top:-28px;left:50%;transform:translate(-50%)}.node-start-label>span{background:#66c8de;border-radius:50%;width:4px;height:4px}.node-branches{background:#fcfbff;border-top:1px solid #edf1f6;border-radius:0 0 15px 15px;justify-content:space-around;padding:10px 13px 11px;display:flex}.node-branches>span{color:#ac9ac3;font-size:8px;font-weight:600}.node-branches>span:first-child{color:#7cae9c}.studio-node .studio-handle{background:#a5bccd;border:2.5px solid #fff;border-radius:50%;width:11px;min-width:11px;height:11px;min-height:11px;transition:box-shadow .12s,background .12s;box-shadow:0 0 0 1px #d9e5ed}.studio-node .studio-handle:after{content:"";border-radius:50%;position:absolute;inset:-7px}.studio-node .studio-handle.source{background:var(--tone);box-shadow:0 0 0 1px var(--tone-border)}.studio-node .studio-handle:hover,.studio-node .studio-handle.connectingto{background:#4cbee2;box-shadow:0 0 0 5px #b8e7f777}.node-finish-dot{background:#c9d6e0;border:1px solid #fff;border-radius:50%;width:5px;height:5px;position:absolute;bottom:-3px;left:50%;transform:translate(-50%)}.studio-edge-label{pointer-events:all;color:#8399aa;background:#f6f9fcef;border-radius:6px;align-items:center;gap:5px;padding:3px;font-size:8px;display:flex;position:absolute}.studio-edge-label>span{padding:1px 4px;font-weight:500}.studio-edge-label>button{color:#8ba8bc;opacity:0;background:#fff;border:1px solid #d3e2ed;border-radius:6px;place-items:center;width:18px;height:18px;transition:opacity .12s;display:grid}.studio-edge-label:hover>button,.studio-edge-label.is-selected>button,.studio-edge-label>button:focus-visible{opacity:1}.studio-edge-label>button:hover{color:#2daacb;border-color:#75cbe2}.studio-canvas .react-flow__edge:hover+.studio-edge-label>button{opacity:1}.in-test-path .studio-node{border-color:#6fc8b1;box-shadow:0 0 0 3px #e3f6ef}.studio-canvas .react-flow__attribution{color:#a1b1be!important;background:#ffffff8a!important;font-size:7px!important;bottom:2px!important;right:8px!important}.studio-canvas .react-flow__minimap{background:#fff;border:1px solid #dce7ef;border-radius:11px;width:145px;height:95px;bottom:50px;overflow:hidden;box-shadow:0 4px 15px #29486009}.canvas-top-tools,.canvas-bottom-tools{background:#ffffffef;border:1px solid #dde7f0;border-radius:11px;align-items:center;gap:3px;padding:4px;display:flex;box-shadow:0 3px 8px #26486206}.canvas-top-tools button,.canvas-bottom-tools button{color:#839aad;border-radius:7px;justify-content:center;align-items:center;gap:5px;min-width:29px;height:28px;padding:5px;font-size:9px;display:flex}.canvas-top-tools button:hover,.canvas-bottom-tools button:hover,.canvas-bottom-tools button[aria-pressed=true]{color:#369cbc;background:#eaf6fb}.canvas-top-tools button:disabled{opacity:.3;cursor:default}.canvas-top-tools i,.canvas-bottom-tools i{background:#e5ecf2;width:1px;height:16px;margin:0 3px}.canvas-top-tools button>span{padding-right:5px}.canvas-bottom-tools>span{color:#8395a6;text-align:center;min-width:28px;font-size:9px}.canvas-hint{color:#a6b7c4;margin-bottom:11px;margin-right:4px;font-size:8px;display:block}.canvas-panel-toggle{color:#8da6b9;background:#fff;border:1px solid #dbe5ed;border-radius:10px;padding:9px;box-shadow:0 3px 8px #294c6608}.studio-inspector{background:linear-gradient(#fff,#fff 60%,#fcfdff);border-left:1px solid #e0e8f0;flex-direction:column;min-width:0;min-height:0;display:flex}.studio-panel-tabs{border-bottom:1px solid #edf1f6;flex:none;align-items:center;gap:3px;height:49px;padding:0 14px;display:flex}.studio-panel-tabs button{color:#99aab7;border-radius:7px;padding:7px 12px;font-size:10px;position:relative}.studio-panel-tabs button[aria-pressed=true]{color:#4f93ad;background:#edf7fc;font-weight:600}.studio-panel-tabs button:last-child{color:#aab8c3;margin-left:auto;padding:6px}.studio-inspector-heading{border-bottom:1px solid #f0f3f7;flex:none;align-items:center;gap:10px;padding:20px 19px;display:flex}.studio-inspector-heading>div{flex:1}.studio-inspector-heading h3{color:#4d687c;margin:4px 0 0;font-size:13px;font-weight:600}.studio-inspector-heading small{text-transform:uppercase;letter-spacing:1px;color:#acb9c4;font-size:8px}.studio-inspector-heading button{color:#a5b5c1;padding:5px}.studio-inspector-content{scrollbar-width:thin;flex:1;min-height:0;padding:0 20px 24px;overflow-y:auto}.inspector-intro{color:#92a5b5;margin:19px 0 22px;font-size:10px;line-height:1.75}.studio-inspector label,.studio-overview label{color:#637e93;margin-bottom:20px;font-size:10px;font-weight:550;display:block}.studio-inspector input:not([type=checkbox]),.studio-inspector select,.studio-inspector textarea{font:inherit;color:#536d84;resize:vertical;background:#fff;border:1px solid #dfe7ef;border-radius:8px;outline:none;width:100%;margin-top:8px;padding:10px 11px;font-size:11px;font-weight:400;line-height:1.5;transition:border-color .15s;display:block}.studio-inspector input:focus,.studio-inspector select:focus,.studio-inspector textarea:focus{border-color:#80c6e0;box-shadow:0 0 0 3px #e9f7fd}.studio-inspector select{text-overflow:ellipsis;padding-right:22px}.inspector-fixed-value{color:#7b91a4;background:#f7fafc;border:1px solid #e8eef3;border-radius:8px;align-items:center;gap:7px;margin-top:8px;padding:11px 9px;font-size:9px;font-weight:400;display:flex}.inspector-fixed-value>small{color:#a2b2bf;margin-left:auto;font-size:8px}.connected-dot{background:#64bfa2;border-radius:50%;flex:none;width:5px;height:5px}.inspector-callout{color:#82a0b3;background:#f3faff;border:1px solid #e1eff7;border-radius:10px;align-items:flex-start;gap:9px;padding:13px 11px;font-size:9px;line-height:1.9;display:flex}.inspector-callout svg{color:#86bbd1;flex:none;margin-top:2px}.inspector-callout.amber{color:#b49b6f;background:#fff9ee;border-color:#f4e6c8}.inspector-hint{color:#9badbb;margin:14px 0;font-size:9px;line-height:1.85}.inspector-split{grid-template-columns:1fr 1.4fr;gap:8px;display:grid}.studio-inspector-footer{border-top:1px solid #e9eff5;flex:none;justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.studio-inspector-footer button{color:#90a5b5;border-radius:5px;align-items:center;gap:6px;padding:5px;font-size:9px;display:flex}.studio-inspector-footer button:hover{color:#5c809b;background:#f3f7fb}.studio-inspector-footer button:disabled{opacity:.3}.studio-inspector-footer .danger-icon:hover{color:#c4737b;background:#fff3f5}.branch-explainer{color:#9c8cbb;background:#f9f7ff;border:1px solid #eee8f8;border-radius:9px;flex-direction:column;gap:9px;padding:13px;font-size:9px;display:flex}.branch-explainer>span{align-items:center;gap:5px;display:flex}.branch-explainer i{background:#baabdb;border-radius:50%;width:5px;height:5px}.branch-explainer>span:first-child{color:#73a796}.branch-explainer>span:first-child i{background:#88beab}.message-personalization{color:#a5b4c1;justify-content:space-between;align-items:center;margin-top:-12px;margin-bottom:22px;font-size:8px;display:flex}.message-personalization button{color:#6d9bb6;background:#edf7fe;border-radius:6px;padding:5px 7px;font-size:9px}.message-preview{background:#f3f8fd;border:1px solid #e1edf6;border-radius:11px;padding:14px}.message-preview>small{letter-spacing:1.2px;color:#a0b4c6;margin-bottom:9px;font-size:7px;display:block}.message-preview>p{white-space:pre-wrap;overflow-wrap:anywhere;color:#698da5;font-size:10px;line-height:1.75}.studio-overview{scrollbar-width:thin;padding:27px 23px;overflow-y:auto}.overview-icon{color:#8cc4db;background:linear-gradient(120deg,#edfbff,#f1edff);border:1px solid #dceefa;border-radius:22px;place-items:center;width:67px;height:67px;margin:10px 0 30px;display:grid;position:relative;box-shadow:0 4px 15px #355f7d07}.overview-icon>svg:last-child{color:#a393c5;background:#fff;border:1px solid #dce7f4;border-radius:8px;width:23px;height:23px;padding:3px;position:absolute;top:-3px;right:-5px}.studio-overview>.eyebrow{letter-spacing:1.4px;color:#9db4c4;font-size:8px}.studio-overview h3{letter-spacing:-.6px;color:#42617a;margin:11px 0 13px;font-size:21px;line-height:1.25}.studio-overview>p{color:#9aafbf;margin-bottom:30px;font-size:11px;line-height:1.9}.studio-checklist{border-top:1px solid #edf2f6;flex-direction:column;gap:12px;margin-top:25px;margin-bottom:25px;padding-top:24px;display:flex}.studio-checklist b{color:#7891a5;margin-bottom:3px;font-size:10px;font-weight:550}.studio-checklist>span{color:#a2b4c2;align-items:center;gap:8px;font-size:10px;display:flex}.studio-checklist svg{color:#9fbccf}.studio-export,.studio-archive{color:#94aabb;align-items:center;gap:8px;padding:7px 0;font-size:9px;display:flex}.studio-archive{color:#b9a1a6;margin-top:4px}.studio-test-panel,.studio-activity{scrollbar-width:thin;padding:23px 20px;overflow-y:auto}.test-symbol{color:#aa8cd7;background:#f3edff;border:1px solid #ded3f5;border-radius:14px;place-items:center;width:43px;height:43px;margin-bottom:17px;display:grid}.studio-test-panel h3,.studio-activity h3{letter-spacing:-.45px;color:#4a6680;margin-bottom:9px;font-size:17px;line-height:1.35}.studio-test-panel>p,.studio-activity>p{color:#96aabc;margin-bottom:23px;font-size:10px;line-height:1.85}.studio-test-panel .button{background:#264b64;border-radius:9px;justify-content:center;width:100%;margin-bottom:17px;font-size:11px}.studio-inspector .studio-check{color:#819bae;align-items:flex-start;gap:8px;margin-bottom:14px;font-size:9px;font-weight:400;line-height:1.7;display:flex}.studio-check input{accent-color:#67b5d5;flex:none;margin-top:2px}.studio-test-results{border-top:1px solid #e7eef5;padding-top:18px}.studio-test-results h4{color:#6da490;align-items:center;gap:7px;margin-bottom:20px;font-size:10px;display:flex}.studio-test-results>button{text-align:left;color:#b39a71;align-items:flex-start;gap:8px;margin-bottom:12px;font-size:10px;line-height:1.7;display:flex}.studio-test-results>button svg{flex:none;margin-top:3px}.test-trace-step{gap:10px;padding-bottom:21px;display:flex;position:relative}.test-trace-step>span{color:#79aa95;z-index:1;background:#f0faf5;border:1px solid #d2e9df;border-radius:7px;place-items:center;min-width:22px;height:22px;font-size:9px;display:grid}.test-trace-step:not(:last-child):before{content:"";border-left:1px dashed #d0e6df;position:absolute;top:20px;bottom:0;left:10px}.test-trace-step b{color:#698497;margin:3px 0 6px;font-size:10px;display:block}.test-trace-step p{color:#9ab0bf;overflow-wrap:anywhere;white-space:pre-wrap;font-size:9px;line-height:1.8}.test-excluded{color:#78ac92;background:#f0faf6;border:1px solid #daeee4;border-radius:10px;padding:16px}.test-excluded>b{margin:8px 0;font-size:11px;display:block}.test-excluded>p{font-size:10px;line-height:1.8}.activity-empty{text-align:center;background:#f9fcfe;border:1px dashed #dbe7ef;border-radius:12px;margin:30px 0;padding:22px 17px}.activity-empty>span{background:#b2d5df;border-radius:50%;width:8px;height:8px;margin:0 auto 10px;display:block}.activity-empty b{color:#7b99ae;font-size:12px}.activity-empty p{color:#a2b6c5;margin-top:8px;font-size:10px;line-height:1.9}.studio-activity article{border-top:1px solid #eaf0f5;padding:15px 0}.studio-activity article>b{color:#6d90a6;font-size:10px}.studio-activity article p{color:#91a9ba;overflow-wrap:anywhere;margin-top:7px;font-size:10px;line-height:1.7}.studio-activity article small,.studio-activity>small{color:#aabdc9;margin-top:7px;font-size:8px;display:block}.insert-step-grid{flex-direction:column;gap:8px;display:flex}.insert-step-grid>button{text-align:left;border:1px solid #e3edf4;border-radius:12px;align-items:center;gap:13px;padding:13px;display:flex}.insert-step-grid>button:hover{background:#f9fdff;border-color:#8fcee5}.insert-step-grid>button>span:nth-child(2){flex:1}.insert-step-grid b{color:#53738b;font-size:12px;display:block}.insert-step-grid small{color:#93aabc;margin-top:5px;font-size:10px;display:block}.insert-step-grid>button>svg{color:#a8bdcc}.workflow-history-list{max-height:55vh;overflow:auto}.workflow-history-list>div{border-bottom:1px solid #eaf0f6;align-items:center;gap:12px;padding:16px 0;display:flex}.workflow-history-list>div>span{color:#9ab5c8;background:#f2f8fc;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.workflow-history-list>div>div{flex:1}.workflow-history-list b{color:#4f728d;font-size:12px}.workflow-history-list small{color:#9cb0c0;margin-top:6px;font-size:10px;display:block}.activation-summary{flex-direction:column;gap:14px;margin:25px 0;display:flex}.activation-summary>button,.activation-summary>p{text-align:left;color:#7290a5;align-items:flex-start;gap:10px;font-size:12px;line-height:1.7;display:flex}.activation-summary>button{color:#b48d5a}.activation-summary svg{flex:none;margin-top:3px}.activation-summary .activation-note{color:#97aabc;background:#f5f9fd;border:1px solid #e6edf4;border-radius:10px;padding:13px 15px;font-size:11px}.outreach-studio-preview{background:#fff;border:1px solid #dce8f0;border-radius:20px;margin-bottom:24px;overflow:hidden}.outreach-preview-heading{border-bottom:1px solid #e5eef5;justify-content:space-between;align-items:center;gap:15px;padding:20px 24px;display:flex}.outreach-preview-heading>div{align-items:center;gap:12px;display:flex}.outreach-preview-heading h2{letter-spacing:-.2px;color:#416179;font-size:15px}.outreach-preview-heading p{color:#91a8b8;margin-top:5px;font-size:11px}.outreach-preview-canvas{background:#f6f9fc;height:560px;position:relative}.outreach-preview-heading .button{border-radius:10px;font-size:11px}.outreach-preview-canvas .react-flow{background:radial-gradient(at 10% 0,#e9f8ff,#0000 60%),#f7fafd}@media (min-width:1700px){.studio-body{grid-template-columns:240px minmax(0,1fr) 310px}.studio-body.library-hidden{grid-template-columns:minmax(0,1fr) 310px}.studio-body.inspector-hidden{grid-template-columns:240px minmax(0,1fr)}.studio-palette-list b{font-size:11px}.studio-palette-list small{font-size:9px}.studio-palette-list button{padding:13px 12px}.studio-inspector input:not([type=checkbox]),.studio-inspector select,.studio-inspector textarea{font-size:12px}}@media (max-width:1250px){.studio-save-state>span{display:none}.studio-body{grid-template-columns:195px minmax(0,1fr) 260px}.studio-body.library-hidden{grid-template-columns:minmax(0,1fr) 260px}.studio-body.inspector-hidden{grid-template-columns:195px minmax(0,1fr)}.studio-palette-list button{gap:7px;padding:10px 7px}.studio-palette-list button>svg{display:none}.studio-palette-list .studio-icon{width:27px;height:27px}.studio-top-actions{gap:4px}.studio-topbar{gap:8px;padding:12px}.studio-logo{display:none}.studio-test-button{padding:8px}.studio-name>input{font-size:13px}.studio-subbar{padding:0 16px}.studio-subbar>div:last-child,.canvas-hint{display:none}.automation-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.automation-intro-count{min-width:95px;padding-left:19px}}@media (max-width:1050px){.studio-body{grid-template-columns:185px minmax(0,1fr)}.studio-body.library-hidden{grid-template-columns:minmax(0,1fr)}.studio-body.inspector-hidden{grid-template-columns:185px minmax(0,1fr)}.studio-inspector{z-index:8;width:280px;position:absolute;top:0;bottom:0;right:0;box-shadow:-8px 0 28px #2647650b}.studio-body{position:relative}.studio-top-actions .studio-test-button>span{display:none}.automation-library-heading h1{font-size:29px}.automation-intro-count{display:none}.automation-templates>div:last-child{grid-template-columns:1fr}.automation-templates>div:last-child>button{grid-template-columns:35px 1fr;column-gap:14px;padding:18px;display:grid}.automation-templates b{margin:0}.automation-templates p{grid-column:2}.automation-templates .template-symbol{grid-row:1/3}}@media (max-width:700px){.automation-page{padding:18px!important}.automation-page:has(.automation-studio){padding:9px!important}.automation-library-heading{flex-direction:column;align-items:flex-start;gap:19px}.automation-library-heading h1{font-size:29px}.automation-intro{border-radius:17px;gap:13px;padding:19px 17px}.automation-intro b{font-size:13px}.automation-intro p{font-size:11px;line-height:1.7}.automation-intro-symbol{border-radius:13px;width:44px;height:44px}.automation-list-toolbar{flex-direction:column;align-items:stretch;gap:14px}.automation-filters{align-self:flex-start}.automation-search input{width:100%;max-width:none}.automation-library-grid{grid-template-columns:1fr}.automation-filters button{padding:8px 11px;font-size:10px}.automation-section-title>span{display:none}.automation-studio{border-radius:14px}.studio-topbar{flex-wrap:wrap;gap:8px;height:96px;padding:10px}.studio-back{padding:5px 9px 5px 2px}.studio-name{flex:1}.studio-name>input{font-size:12px}.studio-top-actions{justify-content:flex-end;gap:6px;width:100%;height:31px}.studio-save-state{margin-right:auto}.studio-save-state>span{font-size:8px;display:block}.studio-top-actions .button{height:29px;font-size:10px}.studio-icon-button{height:28px}.studio-test-button{padding:7px;font-size:9px}.studio-top-actions .studio-test-button>span{display:inline}.studio-subbar{height:42px;padding:4px 12px;font-size:8px;line-height:1.5}.studio-subbar>div{gap:7px}.studio-body,.studio-body.library-hidden,.studio-body.inspector-hidden{height:calc(100dvh - 240px);min-height:520px;display:block}.studio-fullscreen .studio-body{height:calc(100dvh - 160px);min-height:0}.studio-canvas{width:100%;height:100%}.studio-palette{z-index:9;width:210px;position:absolute;top:0;bottom:0;left:0;box-shadow:8px 0 25px #1d3c5210}.studio-inspector{z-index:10;width:min(285px,90%)}.studio-fullscreen{inset:6px!important}.canvas-top-tools{margin:0}.canvas-bottom-tools{gap:1px}.canvas-bottom-tools button{min-width:25px}.studio-canvas .react-flow__panel{margin:10px}.studio-save-error{flex-wrap:wrap;padding:8px;font-size:9px}.studio-save-error>button{margin-left:0}.outreach-preview-heading{flex-wrap:wrap;padding:16px}.outreach-preview-canvas{height:460px}}@media (prefers-reduced-motion:reduce){.automation-studio *,.automations-library *{scroll-behavior:auto!important;transition:none!important}}.studio-palette-list b{color:#3c6078;font-size:11px}.studio-palette-list small{color:#8098ac;font-size:9px}.studio-palette-list h4{color:#8098ad}.studio-palette>header{font-size:12px}.studio-node .node-title-row strong{color:#28485f;font-size:13px}.node-detail{color:#7895aa;font-size:11px}.node-title-row small{font-size:8.5px}.studio-inspector label{font-size:11px}.studio-inspector input:not([type=checkbox]),.studio-inspector select,.studio-inspector textarea{font-size:12px}.inspector-intro{font-size:11px}.inspector-hint,.inspector-callout{font-size:10px}.studio-overview>p{color:#819aaf}.studio-checklist>span{color:#849eb2}.studio-edge-label{font-size:9px}.studio-subbar{color:#6f8ca2}.studio-test-panel>p,.studio-activity>p{font-size:11px}.studio-inspector-content,.studio-overview,.studio-test-panel,.studio-activity{overscroll-behavior:contain}