.demo-app{--demo-ink:#182b32;--demo-muted:#64757b;--demo-line:#e0e8e6;--demo-green:#146650;--demo-soft:#e7f5ed;min-height:100vh;color:var(--demo-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f4f7f6;font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.5;display:flex}.demo-app *{box-sizing:border-box}.demo-app button,.demo-app a,.demo-app input,.demo-app textarea{transition:border-color .15s,background .15s,box-shadow .15s}.demo-app button:not(:disabled),.demo-app a{cursor:pointer}.demo-app button:disabled{opacity:.45;cursor:not-allowed}.demo-app button:focus-visible,.demo-app a:focus-visible,.demo-app input:focus-visible,.demo-app textarea:focus-visible{outline-offset:3px;outline:3px solid #379f85}.demo-app h1,.demo-app h2,.demo-app h3,.demo-app p{margin:0}.demo-app a{color:inherit;text-decoration:none}.demo-app button{font:inherit}.demo-sidebar{color:#e6eeeb;background:#10282b;flex-direction:column;flex-shrink:0;width:224px;height:100vh;padding:32px 18px 16px;display:flex;position:sticky;top:0}.demo-brand{letter-spacing:-1.4px;align-items:center;padding:0 14px;font-size:29px;font-weight:700;display:flex}.demo-brand>span:first-child{color:#163f31;background:#b9ef9a;border-radius:10px;place-items:center;width:35px;height:35px;margin-right:10px;display:grid}.demo-brand-dot{color:#b9ef9a}.demo-workspace-label{align-items:center;gap:10px;margin:34px 8px 29px;font-weight:600;display:flex}.demo-workspace-label small,.demo-profile small{color:#9cb2b2;margin-top:2px;font-size:12px;font-weight:400;display:block}.demo-avatar{color:#d5eebc;border:1px solid #426059;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.demo-nav-label{color:#97abaa;letter-spacing:1.6px;padding:0 15px 13px;font-size:11px}.demo-sidebar nav{gap:7px;display:grid}.demo-sidebar nav button{color:#b7c7c7;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:12px 15px;font-size:14px;display:flex}.demo-sidebar nav button:hover{background:#203d3e}.demo-sidebar nav button[aria-current]{color:#16382b;background:#d7f4bf;font-weight:600}.demo-sidebar nav b{text-align:center;min-width:20px;margin-left:auto;font-size:11px}.demo-sidebar-bottom{margin-top:auto;padding-top:32px}.demo-mode-card{background:#193535;border:1px solid #36504e;border-radius:9px;padding:15px 13px;font-size:12px}.demo-mode-card>svg{color:#c3e6a9;vertical-align:middle;margin-right:7px}.demo-mode-card p{color:#b0c3bf;margin-top:9px;line-height:1.65}.demo-sidebar-bottom>a{color:#b9cfcc;align-items:center;gap:10px;margin:23px 8px;font-size:13px;display:flex}.demo-profile{border-top:1px solid #304b49;align-items:center;gap:10px;padding:18px 6px 0;font-size:13px;display:flex}.demo-profile>span{background:#36534e;border-radius:50%;place-items:center;width:32px;height:32px;font-size:11px;display:grid}.demo-main{flex:1;min-width:0}.demo-topbar{border-bottom:1px solid var(--demo-line);background:#fff;justify-content:space-between;align-items:center;height:74px;padding:0 36px;font-size:13px;display:flex}.demo-topbar>div{align-items:center;gap:15px;display:flex}.demo-topbar>div>span:first-child{color:var(--demo-muted)}.demo-icon-button{border:1px solid var(--demo-line);color:#60756e;background:#fff;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.demo-content{max-width:1660px;margin:0 auto;padding:30px 36px 16px}.demo-title-row{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.demo-eyebrow{letter-spacing:1.5px;color:#537f69;font-size:10px;font-weight:700}.demo-title-row h1{letter-spacing:-1px;margin:7px 0 5px;font-size:29px;font-weight:650;line-height:1.3}.demo-title-row p:not(.demo-eyebrow){color:var(--demo-muted);font-size:14px}.demo-badge{white-space:nowrap;color:#5a6a67;background:#eef2f1;border-radius:5px;align-items:center;padding:4px 8px;font-size:11px;font-weight:600;line-height:1.4;display:inline-flex}.demo-badge.green{color:#237253;background:#e6f4eb}.demo-badge.amber{color:#916419;background:#fff2db}.demo-button{color:#fff;white-space:nowrap;background:#146650;border:1px solid #146650;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 16px;font-size:13px;font-weight:600;display:inline-flex}.demo-button:not(:disabled):hover{background:#104f3f}.demo-button.secondary{color:#315e51;background:#fff;border-color:#d6e0da}.demo-button.secondary:not(:disabled):hover{background:#ecf5ef}.demo-stats{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:24px;display:grid}.demo-stat{border:1px solid var(--demo-line);background:#fff;border-radius:10px;padding:19px 20px 15px}.demo-stat>div{color:#677973;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.demo-stat svg{color:#76a08b}.demo-stat>strong{letter-spacing:-1px;margin:8px 0 3px;font-size:31px;font-weight:600;display:block}.demo-stat small{color:#6f817a;font-size:11px}.demo-campaign-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);gap:24px;display:grid}.demo-panel{border:1px solid var(--demo-line);background:#fff;border-radius:11px;overflow:hidden}.demo-panel-heading{border-bottom:1px solid var(--demo-line);justify-content:space-between;align-items:center;gap:10px;padding:19px 22px;display:flex}.demo-panel-heading>div{align-items:center;gap:11px;display:flex}.demo-panel-heading h2{font-size:15px;font-weight:600}.demo-panel-heading>span:not(.demo-badge){color:var(--demo-muted);font-size:12px}.demo-section-number{color:#729180;background:#edf4ef;border-radius:5px;padding:4px 7px;font-size:12px}.demo-panel-body{padding:23px}.demo-fields{grid-template-columns:1.5fr 1fr;gap:16px;display:grid}.demo-field{gap:7px;font-size:12px;font-weight:600;display:grid}.demo-field small{color:#687e73;font-size:11px;font-weight:400}.demo-field input,.demo-field textarea,.demo-inbox-search input{width:100%;min-width:0;color:var(--demo-ink);background:#fff;border:1px solid #d6e0dc;border-radius:6px;padding:10px 11px;font-size:13px;font-weight:400;line-height:1.5}.demo-field textarea{resize:vertical}.demo-template{border:1px solid var(--demo-line);background:#fafcfa;border-radius:8px;align-items:center;gap:11px;margin:19px 0 25px;padding:14px 13px;display:flex}.demo-template-icon{color:#327d5d;background:#e7f3e9;border-radius:8px;place-items:center;width:37px;height:37px;display:grid}.demo-template strong{font-size:13px;display:block}.demo-template small{color:var(--demo-muted);font-size:11px}.demo-template .demo-badge{margin-left:auto}.demo-label-row{justify-content:space-between;margin-bottom:12px;display:flex}.demo-label-row h3{font-size:13px;font-weight:600}.demo-label-row>span{color:#5e7a69;font-size:11px}.demo-contact-list{border:1px solid var(--demo-line);border-radius:8px;overflow:hidden}.demo-contact-list label{cursor:pointer;align-items:center;gap:12px;padding:12px 13px;display:flex}.demo-contact-list label+label{border-top:1px solid #eaf0ec}.demo-contact-list label:hover{background:#f5faf5}.demo-contact-list label.inactive{background:#fbf7ef}.demo-contact-list input{accent-color:#25775b;width:15px;height:15px}.demo-contact-avatar{color:#536948;background:#eaf0e4;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:grid}.demo-contact-list label:nth-child(2) .demo-contact-avatar{color:#5c6990;background:#e8edf4}.demo-contact-list label:nth-child(3) .demo-contact-avatar{color:#8a7158;background:#f4eee3}.demo-contact-name{flex:1}.demo-contact-name strong{font-size:13px;font-weight:500}.demo-contact-name small{color:#6d7e74;font-size:11px;display:block}.demo-workflow-link{color:#426c55;text-align:left;background:#f3f9f3;border:1px solid #d5e6db;border-radius:8px;align-items:center;gap:11px;width:100%;margin-top:20px;padding:16px 13px;display:flex}.demo-workflow-link span{flex:1}.demo-workflow-link strong{font-size:12px;font-weight:600;display:block}.demo-workflow-link small{color:#6a8270;font-size:11px}.demo-launch-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:23px;display:flex}.demo-launch-bar p{color:#728077;align-items:center;gap:6px;font-size:11px;display:flex}.demo-message-preview{background:#e9eeeb;border:1px solid #dce6df;border-radius:11px;flex-direction:column;align-items:center;padding:19px 23px 22px;display:flex}.demo-preview-heading{color:#51695c;align-self:flex-start;align-items:center;gap:7px;margin-bottom:20px;display:flex}.demo-preview-heading h2{font-size:12px;font-weight:600}.demo-message-preview>p{text-align:center;color:#6d7d73;max-width:270px;margin-top:16px;font-size:11px;line-height:1.6}.demo-phone{background:#f1f0e9;border:5px solid #fff;border-radius:20px;outline:1px solid #dbe3da;flex-direction:column;width:100%;max-width:330px;display:flex;overflow:hidden;box-shadow:0 8px 30px #254a3212}.demo-phone-top{background:#fff;align-items:center;gap:9px;padding:16px 12px;display:flex}.demo-phone-top>div{flex:1}.demo-phone-top strong{font-size:13px;display:block}.demo-phone-top small{color:#798c7e;font-size:10px}.demo-phone-top .demo-contact-avatar{color:#b9ef9a;background:#154b3b;width:34px;height:34px}.demo-phone-context{color:#7c897d;background:#f8f8f2;justify-content:center;gap:5px;padding:8px 10px;font-size:9px;display:flex}.demo-chat-messages{background-color:#edece5;background-image:radial-gradient(#c2c7b859 .7px,#0000 .7px);background-size:16px 16px;flex-direction:column;gap:13px;min-height:300px;max-height:450px;padding:17px 13px 22px;display:flex;overflow-y:auto}.demo-chat-date{color:#768578;background:#ffffffe0;border-radius:5px;align-self:center;margin-bottom:3px;padding:4px 8px;font-size:9px}.demo-bubble{background:#fff;border-radius:2px 9px 9px;max-width:92%;margin-right:20px;padding:11px 12px 6px;box-shadow:0 1px 1px #1b321a14}.demo-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.6}.demo-bubble>span{color:#89968c;justify-content:flex-end;align-items:center;gap:4px;margin-top:4px;font-size:9px;display:flex}.demo-bubble svg{color:#82aeb1}.demo-bubble.customer{background:#d7efc6;border-radius:9px 2px 9px 9px;align-self:flex-end;margin:0 0 0 20px}.demo-preview-bottom{color:#73836f;background:#fdfefd;justify-content:center;align-items:center;gap:6px;padding:14px 8px;font-size:10px;display:flex}.demo-runs{margin-top:24px}.demo-table-scroll{overflow-x:auto}.demo-runs table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}.demo-runs th{text-transform:uppercase;letter-spacing:.8px;color:#7b8c82;background:#fafcf9;padding:12px 22px;font-size:10px;font-weight:500}.demo-runs td{border-top:1px solid #edf1ed;padding:16px 22px;font-size:12px}.demo-runs td strong{font-size:13px;font-weight:500;display:block}.demo-runs td small{color:#7d8a7f;margin-top:3px;font-size:11px;display:block}.demo-text-button{color:#277454;background:0 0;border:0;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.demo-empty{text-align:center;color:#6e8576;flex-direction:column;justify-content:center;align-items:center;gap:13px;padding:60px 24px;display:flex}.demo-empty h2{color:#243d32;font-size:20px}.demo-empty p{color:#7c8c80;max-width:500px;font-size:14px}.demo-empty.compact{text-align:left;flex-direction:row;gap:15px;padding:29px 24px}.demo-empty.compact strong{color:#4c6757;font-size:13px}.demo-empty.compact p{margin-top:3px;font-size:12px}.demo-footer{color:#819086;justify-content:space-between;padding:22px 1px 4px;font-size:10px;display:flex}.demo-notice{color:#2d6447;background:#e5f3e9;border:1px solid #c2dcc7;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin:-3px 0 20px;padding:12px 15px;font-size:13px;display:flex}.demo-notice.error{color:#922c24;background:#fff0ed;border-color:#e4bdb5}.demo-notice button{background:0 0;border:0}.demo-inline-note{line-height:1.6;color:#7a7358!important;margin-top:12px!important;font-size:12px!important}.demo-inline-error{color:#9b392c;font-size:12px}.demo-workflow-layout{grid-template-columns:minmax(0,1fr) 280px;display:grid}.demo-canvas{background:#f5f8f5 radial-gradient(#baccc055 1px,#0000 1px) 0 0/18px 18px;flex-direction:column;align-items:center;min-width:0;padding:30px 27px 20px;display:flex}.demo-trigger{color:#47743d;background:#e9f4e2;border:1px solid #cde0c5;border-radius:20px;align-items:center;gap:7px;padding:7px 15px;font-size:11px;display:flex}.demo-connector{background:#acc6b8;width:1px;height:27px;position:relative}.demo-connector.labelled{height:45px}.demo-connector>span{white-space:nowrap;color:#6f8478;background:#f5f8f5;padding:1px 6px;font-size:9px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.demo-flow-node{text-align:left;color:#213e30;background:#fff;border:1px solid #d8e1da;border-radius:8px;width:230px;max-width:100%;padding:13px 15px;box-shadow:0 3px 9px #284d3110}.demo-flow-node.selected{border-color:#267652;box-shadow:0 0 0 2px #27755122}.demo-node-type{color:#6d8c74;letter-spacing:1px;align-items:center;gap:7px;margin-bottom:7px;font-size:9px;display:flex}.demo-flow-node>strong{font-size:13px;display:block}.demo-flow-node>small{color:#7d8e80;margin-top:4px;font-size:10px;display:block}.demo-split{border-top:1px solid #acc6b8;grid-template-columns:1fr 1fr;gap:24px;width:100%;max-width:484px;margin-top:24px;display:grid;position:relative}.demo-split:before{content:"";background:#acc6b8;width:1px;height:24px;position:absolute;top:-24px;left:50%}.demo-split>div{flex-direction:column;align-items:center;min-width:0;display:flex}.demo-branch-label{color:#6b8675;background:#f5f8f5;padding:10px 3px;font-size:9px;display:block;position:relative}.demo-canvas-note{color:#6f8778;align-items:center;gap:6px;font-size:10px;display:flex;margin-top:25px!important}.demo-node-editor{border-left:1px solid var(--demo-line);flex-direction:column;gap:18px;padding:22px;display:flex}.demo-editor-heading{color:#60796a;align-items:center;gap:8px;display:flex}.demo-editor-heading h3{color:#324d3d;font-size:13px;font-weight:600}.demo-editor-divider{background:#e7ede7;height:1px}.demo-node-editor>.demo-badge{align-self:flex-start}.demo-editor-tip{background:#f6f8f3;border:1px solid #e5eade;border-radius:6px;padding:13px}.demo-editor-tip strong{color:#607154;font-size:11px}.demo-editor-tip p{color:#7c8972;margin-top:6px;font-size:11px;line-height:1.7}.demo-save-hint{color:#6d8a73;align-items:center;gap:5px;font-size:10px;display:flex}.demo-conversation-layout{grid-template-columns:minmax(205px,.85fr) minmax(300px,1.35fr) minmax(200px,.8fr);align-items:start;gap:18px;display:grid}.demo-inbox-search{padding:14px}.demo-inbox-search input{background:#f9fbf8;font-size:11px}.demo-thread-list{max-height:650px;overflow-y:auto}.demo-thread-list>button{text-align:left;color:#2f4a39;background:#fff;border:0;border-top:1px solid #edf1eb;align-items:flex-start;gap:9px;width:100%;padding:16px 14px;display:flex}.demo-thread-list>button.selected{background:#eff7eb;box-shadow:inset 3px 0 #41995f}.demo-thread-list>button>span:nth-child(2){flex:1;min-width:0}.demo-thread-list strong{font-size:13px;font-weight:600;display:block}.demo-thread-list small{color:#7c8c7c;overflow-wrap:anywhere;font-size:10px;display:block}.demo-thread-status{color:#4f7756;margin-top:6px;font-size:10px;display:block}.demo-no-results{color:#6c7a69;padding:20px;font-size:12px}.demo-chat-panel{padding:0 3px}.demo-phone.interactive{max-width:none}.demo-phone.interactive .demo-chat-messages{min-height:335px;max-height:415px}.demo-phone.interactive .demo-bubble p{font-size:14px}.demo-reply-area{background:#fff;padding:14px}.demo-reply-area>p{color:#7e8e7c;margin-bottom:9px;font-size:10px}.demo-quick-replies{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.demo-quick-replies button{color:#367a4e;background:#f1f9ee;border:1px solid #a2cbb0;border-radius:7px;padding:8px 10px;font-size:11px;font-weight:600}.demo-quick-replies button:hover{background:#dcede0}.demo-reply-area form{border:1px solid #dce5d8;border-radius:7px;display:flex;overflow:hidden}.demo-reply-area input{background:#fff;border:0;flex:1;min-width:0;padding:11px;font-size:12px;outline-offset:-3px!important}.demo-reply-area form button{color:#417954;background:#fff;border:0;padding:0 10px}.demo-stop-button{color:#8a8071;background:0 0;border:0;margin-top:9px;font-size:10px!important}.demo-chat-ended{color:#547c4b;text-align:center;background:#fafff1c4;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:11px;display:flex}.demo-execution-version{color:#7b8b7c;font-size:11px;margin-top:12px!important}.demo-execution .demo-panel-body{padding:19px}.demo-execution-steps{margin:24px 0;padding:0;list-style:none}.demo-execution-steps li{color:#8d9b8d;gap:10px;padding-bottom:22px;display:flex;position:relative}.demo-execution-steps li>span{z-index:1;background:#fff;border:1px solid #d5dfd1;border-radius:50%;flex-shrink:0;place-items:center;width:21px;height:21px;display:grid}.demo-execution-steps li:not(:last-child):after{content:"";background:#dae3d7;width:1px;height:calc(100% - 21px);position:absolute;top:21px;left:10px}.demo-execution-steps li.done>span{color:#408539;background:#e2f3df;border-color:#aacf9f}.demo-execution-steps li.done{color:#355c35}.demo-execution-steps strong{font-size:11px;font-weight:500;display:block}.demo-execution-steps small{color:#8b9b88;font-size:9px}.demo-execution .demo-button{white-space:normal;width:100%;margin-top:20px;padding:9px;font-size:11px}.demo-event-list{margin:0;padding:4px 23px;list-style:none}.demo-event-list li{border-bottom:1px solid #eaf0e8;align-items:flex-start;gap:16px;padding:19px 0;display:flex}.demo-event-list li:last-child{border-bottom:0}.demo-event-icon{color:#609151;background:#edf5e8;border-radius:8px;flex-shrink:0;place-items:center;width:33px;height:33px;display:grid}.demo-event-list li>div{flex:1}.demo-event-list strong{font-size:13px}.demo-event-list p{color:#6b8069;margin:4px 0;font-size:12px}.demo-event-list small{color:#8a9c86;font-size:10px}.demo-event-list time{color:#8a9c86;font-size:11px}.demo-dialog{z-index:100;width:100%;max-width:none;height:100%;max-height:none;color:var(--demo-ink);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08231980;border:none;justify-content:center;align-items:center;margin:0;padding:24px;display:flex;position:fixed;inset:0}.demo-dialog>div{background:#fff;border-radius:14px;width:440px;max-width:100%;padding:30px;box-shadow:0 20px 90px #0014084d}.demo-dialog h2{letter-spacing:-.5px;margin:12px 0 9px;font-size:21px}.demo-dialog p{color:#7b8776;overflow-wrap:anywhere;font-size:13px}.demo-dialog-icon{color:#52823d;background:#e6f2df;border-radius:12px;place-items:center;width:47px;height:47px;display:grid}.demo-dialog dl{background:#f6f9f3;border-radius:8px;margin:22px 0;padding:14px}.demo-dialog dl>div{justify-content:space-between;gap:10px;padding:6px 0;font-size:12px;display:flex}.demo-dialog dt{color:#7b8b70}.demo-dialog dd{margin:0;font-weight:600}.demo-dialog-actions{justify-content:flex-end;gap:10px;margin-top:23px;display:flex}@media (min-width:1500px){.demo-content{padding:38px 48px 18px}.demo-title-row h1{font-size:34px}.demo-campaign-grid{grid-template-columns:minmax(0,1.5fr) minmax(330px,.85fr)}.demo-phone{max-width:350px}.demo-campaign-grid .demo-panel-body{padding:28px}.demo-sidebar{width:244px}}@media (max-width:1150px){.demo-sidebar{width:190px;padding:28px 12px 14px}.demo-content{padding:26px 24px 14px}.demo-topbar{padding:0 24px}.demo-campaign-grid{grid-template-columns:minmax(0,1.3fr) minmax(260px,.85fr);gap:18px}.demo-panel-body,.demo-message-preview{padding:18px}.demo-stats{gap:10px}.demo-stat{padding:16px 14px}.demo-launch-bar{align-items:flex-start}.demo-conversation-layout{grid-template-columns:200px minmax(290px,1fr)}.demo-execution{grid-column:1/-1}.demo-execution .demo-panel-body{flex-wrap:wrap;align-items:flex-start;gap:15px;display:flex}.demo-execution-steps{flex-wrap:wrap;gap:20px;width:100%;margin:0;display:flex}.demo-execution-steps li{padding:0}.demo-execution-steps li:after{display:none}.demo-execution .demo-editor-tip{flex:1}.demo-execution .demo-button{width:auto}.demo-workflow-layout{grid-template-columns:minmax(0,1fr) 250px}.demo-canvas{padding:25px 16px}.demo-split{gap:12px}.demo-flow-node{padding:12px}.demo-brand{padding:0 10px;font-size:26px}}@media (max-width:900px){.demo-sidebar{width:75px;padding:25px 11px}.demo-brand{letter-spacing:0;padding:0;font-size:0}.demo-brand>span:first-child{margin:0 auto}.demo-brand-dot,.demo-workspace-label,.demo-nav-label,.demo-sidebar nav span,.demo-sidebar nav b,.demo-sidebar-bottom{display:none!important}.demo-sidebar nav{gap:12px;margin-top:33px}.demo-sidebar nav button{justify-content:center;padding:12px}.demo-campaign-grid{grid-template-columns:1fr}.demo-message-preview{display:none}.demo-workflow-layout{grid-template-columns:minmax(0,1fr) 250px}.demo-title-row p:not(.demo-eyebrow){font-size:13px}.demo-stats{grid-template-columns:repeat(4,1fr)}.demo-stat>div>svg{display:none}.demo-stat small{font-size:10px}.demo-stat>div{font-size:11px}.demo-stat>strong{font-size:27px}}@media (max-width:650px){.demo-app{display:block}.demo-sidebar{flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:auto;padding:14px 17px;display:flex;position:static}.demo-brand{font-size:23px}.demo-brand>span:first-child{width:29px;height:29px;margin-right:8px}.demo-sidebar nav{gap:2px;margin:0;display:flex}.demo-sidebar nav button{padding:9px}.demo-sidebar nav button svg{width:17px}.demo-content{padding:22px 17px 10px}.demo-topbar{height:57px;padding:0 17px}.demo-title-row{flex-direction:column;align-items:flex-start;margin-bottom:21px}.demo-title-row h1{font-size:26px}.demo-eyebrow{font-size:9px}.demo-stats{grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:17px}.demo-stat small{font-size:11px}.demo-stat>div{font-size:12px}.demo-fields{grid-template-columns:1fr}.demo-panel-heading,.demo-panel-body{padding:16px}.demo-launch-bar{display:block}.demo-launch-bar .demo-button{width:100%;margin-top:15px}.demo-contact-list label{gap:9px;padding:12px 10px}.demo-contact-list .demo-badge{font-size:9px}.demo-footer{flex-direction:column;gap:4px}.demo-workflow-layout{flex-direction:column;display:flex}.demo-node-editor{border-left:0;border-top:1px solid var(--demo-line)}.demo-canvas{padding:24px 15px}.demo-split{gap:12px}.demo-flow-node small{font-size:10px}.demo-flow-node strong{font-size:12px}.demo-conversation-layout{display:block}.demo-inbox{margin-bottom:18px}.demo-thread-list{max-height:230px}.demo-chat-panel{margin-bottom:18px;padding:0}.demo-execution{margin-bottom:18px}.demo-execution-steps{gap:15px}.demo-dialog{padding:16px}.demo-dialog>div{padding:24px}.demo-dialog-actions{flex-wrap:wrap}.demo-dialog-actions .demo-button{flex:1}.demo-runs .demo-panel-heading>span{font-size:10px}.demo-runs th,.demo-runs td{padding:12px 15px}.demo-event-list{padding:0 16px}.demo-event-list li{gap:10px}.demo-event-list time{font-size:10px}}@media (prefers-reduced-motion:reduce){.demo-app *{transition:none!important}}