.automation-builder{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr);gap:32px;margin:0 0 18px;padding:28px;border-radius:17px;background:linear-gradient(135deg,#101b33,#1a2a4b);color:#fff}.automation-builder h2{max-width:560px;margin:8px 0 10px;font:800 29px/1.1 Urbanist,sans-serif;letter-spacing:-.035em}.automation-builder p{max-width:570px;margin:0;color:#b5c0d5;font-size:13px;line-height:1.6}.automation-builder form{display:grid;gap:12px}.automation-builder textarea{width:100%;min-height:124px;padding:17px;border:1px solid #ffffff25;border-radius:12px;background:#ffffff0e;color:#fff;font:550 15px/1.55 Urbanist,sans-serif;resize:vertical;outline:0}.automation-builder textarea:focus{border-color:#7e8eff;box-shadow:0 0 0 4px #596aff20}.automation-builder textarea::placeholder{color:#92a0ba}.automation-builder form footer{display:flex;align-items:center;justify-content:space-between;gap:20px}.automation-builder form small{color:#9fabc0;font-size:10px}.workflow-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.workflow-list>article{display:grid;gap:15px;padding:20px;border:1px solid #dfe4ed;border-radius:14px;background:#fff;scroll-margin-top:90px}.workflow-list article>header,.workflow-list article>header>div,.workflow-list article>footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.workflow-list article>header>div{justify-content:flex-start}.workflow-list article>header>div>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#eceeff;color:#4b5ff0}.workflow-list header small{color:#7f8797;font-size:8px;font-weight:850;letter-spacing:.1em}.workflow-list h2{margin:3px 0 0;font:800 16px Urbanist,sans-serif}.workflow-list header>i{padding:6px 9px;border-radius:99px;background:#f1f2f5;color:#6d7584;font-size:9px;font-style:normal;font-weight:850}.workflow-list header>i.active{background:#e6f8ef;color:#227a56}.workflow-list header>i.paused{background:#fff3dd;color:#8a641a}.workflow-list blockquote{margin:0;padding:12px 14px;border-left:3px solid #6675f7;border-radius:7px;background:#f7f8fc;color:#657087;font-size:11px;line-height:1.5}.workflow-list ol{display:grid;gap:8px;margin:0;padding:0;list-style:none}.workflow-list li{display:flex;align-items:center;gap:11px;padding:10px;border:1px solid #e8ebf1;border-radius:9px}.workflow-list li>b{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:#eef1ff;color:#5262ef;font-size:10px}.workflow-list li>span{display:grid;gap:2px}.workflow-list li strong{font-size:11px}.workflow-list li small{color:#818a99;font-size:9px}.workflow-list article>footer{padding-top:12px;border-top:1px solid #e8ebf1}.workflow-list article>footer>span{color:#7d8697;font-size:9px}.workflow-list article>footer form{margin:0}html[data-theme=dark] .workflow-list>article{background:#111b2b;border-color:#2b384d}html[data-theme=dark] .workflow-list blockquote{background:#172337;color:#b6c1d2}html[data-theme=dark] .workflow-list li{border-color:#2b384d}html[data-theme=dark] .workflow-list article>footer{border-color:#2b384d}@media(max-width:980px){.automation-builder{grid-template-columns:1fr}.workflow-list{grid-template-columns:1fr}}@media(max-width:600px){.automation-builder{padding:20px}.automation-builder form footer,.workflow-list article>footer{align-items:flex-start;flex-direction:column}}