/* Public builder demonstrations, based on the app's editor controls. */
.uc-automation .story-progress ol{grid-template-columns:repeat(9,minmax(0,1fr))}
.ab-toolbar{display:flex;justify-content:space-between;align-items:center;gap:.6em;margin-bottom:1em}.ab-tabs{display:inline-flex;gap:.3em}.ab-tabs button,.ab-text-button{font:700 .7em Manrope,sans-serif;color:#6e83a2;border:1px solid #dce5f4;background:#fff;border-radius:.5em;padding:.65em .85em;cursor:pointer}.ab-tabs button[aria-pressed=true]{background:#edf3ff;color:#3158f5;border-color:#c0d1ff}.ab-text-button{border:0;background:transparent;color:#3158f5;font-size:.64em;padding:.5em 0}.ab-pill{font-size:.6em;padding:.5em .8em;border-radius:2em;background:#edf2fb;color:#7084a3;white-space:nowrap}.ab-primary{border:1px solid #3158f5;background:#3158f5;color:#fff;border-radius:.6em;padding:.85em 1.2em;font:700 .78em Manrope,sans-serif;cursor:pointer}.ab-primary:disabled{opacity:.4;cursor:default}.ab-overline{font-size:.55em;letter-spacing:.12em;color:#8799b1;font-weight:700}.ab-builder-status{display:flex;align-items:center;gap:.6em;font-size:.67em;color:#7b91ad;margin:1em 0}.ab-builder-status>i{font-style:normal;color:#7da557}.ab-sheet{position:absolute;inset:1em;background:#fff;border:1px solid #d4dff2;border-radius:1em;padding:1.6em;z-index:8;box-shadow:0 1em 3em #26437026}.ab-close{position:absolute;top:.7em;right:.8em;border:0;background:#f2f5fb;border-radius:50%;width:1.7em;height:1.7em;color:#6b7f9d;font:500 1em Manrope,sans-serif;cursor:pointer}.uc-demo .ab-sheet h3{font-size:1.55em;line-height:1.25;letter-spacing:-.03em;margin:.7em 0;color:#344d70}.ab-sheet label{display:grid;gap:.6em;font-size:.8em;font-weight:600;color:#6c83a2}.ab-sheet select,.ab-sheet input{width:100%;min-width:0;padding:.85em;border:1px solid #d5e0f1;border-radius:.55em;background:#f7faff;color:#365477;font:600 1em Manrope,sans-serif}.ab-sheet select:focus-visible,.ab-sheet input:focus-visible{outline:2px solid #3158f5;outline-offset:2px}
[data-demo=deep-recovery] .uc-stage{height:40em}.wb-canvas{height:32.3em;position:relative;overflow:hidden;border:1px solid #dce5f4;border-radius:1em;background:radial-gradient(#d7e1f4 .7px,transparent .7px) 0 0/1em 1em,#f7faff}.wb-canvas-label{display:flex;justify-content:space-between;align-items:center;padding:.6em 1.1em;font-size:.7em;color:#7a8fae}.wb-canvas-label .ab-pill{font-size:.85em}.wb-tree{padding:.2em 1em .6em;max-width:43em;margin:auto}.wb-node-line{display:grid;grid-template-columns:minmax(0,1fr) 9.7em;gap:0;align-items:center}.wb-node{display:flex;align-items:center;gap:.6em;min-width:0;width:100%;height:2.95em;padding:.4em .7em;background:#fff;border:1px solid #d4dff2;border-radius:.6em;text-align:left;font:inherit;color:#344d70;box-shadow:0 .25em .65em #3158f50a;cursor:pointer}.wb-node>i{display:grid;place-items:center;flex-shrink:0;width:1.8em;height:1.8em;font-size:.8em;font-style:normal;border-radius:.45em;background:#edf2ff;color:#5673c9}.wb-node>span:not(.wb-node-dots){min-width:0;flex:1}.wb-node small{display:block;font-size:.43em;letter-spacing:.1em;font-weight:800;color:#8a9fbd;line-height:1.2}.wb-node b{display:block;font-size:.88em;line-height:1.25;white-space:nowrap}.wb-node em{display:block;font-style:normal;font-size:.56em;line-height:1.4;color:#8b9eb7;white-space:nowrap}.wb-node-dots{font-size:.8em;color:#91a4c0}.wb-trigger{background:#edf4ff;border-color:#c4d8f7}.wb-condition{border-color:#d7dfef}.wb-condition>i{color:#aa925c;background:#f7f2e5}.wb-node.is-active{border-color:#7395f4;box-shadow:0 0 0 2px #3158f511}.wb-connector{position:relative;display:flex;justify-content:center;align-items:center;width:calc(100% - 9.7em);height:1.25em}.wb-connector:before{content:'';position:absolute;inset:0 auto 0 50%;width:1px;background:#bacbed}.wb-connector:has(button){height:1.9em}.wb-connector>button{z-index:1;display:flex;gap:.3em;align-items:center;border:1px solid #dce5f5;border-radius:1em;background:#f8faff;color:#7085a4;font:500 .62em Manrope,sans-serif;padding:.25em .7em;cursor:pointer}.wb-no{z-index:1;font-size:.5em;padding:0 .6em;background:#f7faff;color:#74906d}.wb-yes{display:flex;align-items:center;font-size:.62em;color:#8b9eb8}.wb-yes>span{flex:1;text-align:center;position:relative}.wb-yes>span:before{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:#cedaee;z-index:0}.wb-yes>span{background:#f7faff}.wb-yes>b{position:relative;font-weight:600;padding:.7em .8em;background:#edf4e7;border:1px solid #dce8d1;border-radius:.6em;color:#72915c;min-width:8.1em}.wb-yes small{display:block;font-size:.82em;font-weight:400;margin-top:.2em;color:#8a9c7e}.wb-add{position:relative;margin:.7em 0 0;width:calc(100% - 9.7em);padding:.65em;border:1px dashed #b6c9f1;border-radius:2em;background:#fff;color:#5475c7;font:700 .67em Manrope,sans-serif;cursor:pointer}.wb-add:disabled{opacity:.5}.wb-insert{position:absolute;z-index:5;bottom:1em;left:1em;right:1em;padding:1em;background:#fff;border:1px solid #cbdaf5;border-radius:.9em;box-shadow:0 .6em 2em #3158f526;display:grid;grid-template-columns:repeat(3,1fr);gap:.5em}.wb-insert>span{grid-column:1/-1;font-size:.65em;color:#7d91ad;margin-bottom:.5em}.wb-insert button{font:700 .7em Manrope,sans-serif;padding:.8em .5em;border:1px solid #dce5f4;border-radius:.6em;color:#4e678b;background:#f8faff;cursor:pointer}.wb-insert button.is-chosen{border-color:#3158f5;color:#3158f5;background:#edf3ff}.wb-insert button:disabled{opacity:.35;cursor:default}.wb-inspector{inset:2.5em 1.2em auto;min-height:20em}.wb-inspector p{font-size:.85em;color:#8398b5;line-height:1.6;margin:1em 0 1.5em}.wb-inspector label{margin:1.5em 0}.wb-inspector-branches{display:grid;gap:.7em;padding:1em;background:#f5f8fd;border-radius:.6em;font-size:.78em;color:#7b91ad;margin:1em 0 1.5em}.wb-inspector-branches b{color:#486991;margin-right:.7em}.wb-step.is-new{animation:ab-node-in .5s ease both}@keyframes ab-node-in{from{opacity:0;transform:translateY(.65em) scale(.97)}to{opacity:1;transform:none}}
[data-demo=deep-segments] .uc-stage{position:relative;height:35em}.sg-heading{display:flex;align-items:center;justify-content:space-between;gap:1em;margin:.4em 0 1.4em}.uc-demo .sg-heading h3{font-size:1.35em;letter-spacing:-.035em;margin:.4em 0 0;color:#344c6d}.sg-builder{border:1px solid #dce5f4;border-radius:.8em;background:#fafcff;padding:1.1em}.sg-match{display:flex;align-items:center;justify-content:space-between;gap:.5em;font-size:.82em;color:#758caa;margin-bottom:1em}.sg-match .ab-tabs button{font-size:.8em;white-space:nowrap}.sg-rules{display:grid;gap:.7em;min-height:13em;align-content:start}.sg-rule{position:relative;border:1px solid #d8e3f5;border-left:3px solid #7597eb;border-radius:.6em;background:#fff;padding:.8em 2.4em .8em 1em;min-height:3.45em}.sg-rule[data-mode=exclude]{border-left-color:#c59f83;background:#fefbf8}.sg-rule>button:first-child{display:block;text-align:left;border:0;background:none;padding:0;font:inherit;cursor:pointer;width:100%;color:#496487}.sg-rule b{font-size:.86em;display:block;line-height:1.3}.sg-rule small{font-size:.65em;display:block;color:#8a9db6;line-height:1.3;margin-top:.35em}.sg-rule>button:last-child{position:absolute;right:.6em;top:.7em;border:0;background:transparent;color:#93a4bd;font:1em Manrope,sans-serif;cursor:pointer}.sg-add{border:1px dashed #baccf0;border-radius:.6em;background:#f4f8ff;color:#597bbd;font:700 .75em Manrope,sans-serif;width:100%;padding:.8em;margin:.9em 0;cursor:pointer}.sg-add:disabled{opacity:.4;cursor:default}.sg-summary{border-top:1px solid #e4eaf4;padding:.8em 0;min-height:4.4em}.sg-summary>span{font-size:.56em;color:#90a1b8;letter-spacing:.08em;text-transform:uppercase}.sg-summary p{font-size:.77em;color:#7288a5;line-height:1.5;margin:.45em 0 0}.sg-bottom{display:flex;align-items:center;justify-content:space-between;gap:1em}.sg-bottom>span{font-size:.6em;color:#8da0b9}.sg-bottom .ab-primary{white-space:nowrap;font-size:.66em}.sg-picker-heading{display:flex;align-items:center;gap:.8em;margin-bottom:1.2em}.sg-picker-heading>b{font-size:1.1em;color:#426082}.sg-picker-heading>span{font-size:.6em;color:#93a3bb}.sg-categories{display:flex;flex-wrap:wrap;gap:.5em;margin-bottom:1.2em}.sg-categories button{font:600 .7em Manrope,sans-serif;padding:.65em .8em;border:1px solid #dce5f4;border-radius:.5em;color:#8195b1;background:#f8faff;cursor:pointer}.sg-categories button[aria-pressed=true]{color:#3158f5;border-color:#bdd0fd;background:#edf3ff}.sg-rule-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6em}.sg-rule-library button{display:flex;align-items:center;justify-content:space-between;gap:.5em;padding:.9em .8em;text-align:left;border:1px solid #e1e8f3;border-radius:.5em;background:#fff;color:#557194;font:600 .75em Manrope,sans-serif;line-height:1.4;cursor:pointer}.sg-rule-library button:hover{border-color:#9fb9ef;background:#f5f8ff}.sg-rule-library button>span{color:#93ace0}.sg-config-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2em;margin:1.5em 0 2em}.sg-config-fields label{font-size:.75em}.sg-config{inset:1em}.sg-config>.ab-primary{float:right}.sg-rules:empty:before{content:'Start with a rule. Make it your audience.';align-self:center;text-align:center;font-size:.9em;color:#9baec7;padding:4em 1em}.sg-rule.is-new{animation:ab-node-in .5s ease both}
@media(max-width:700px){[data-demo=deep-recovery] .uc-stage{height:39.5em}.wb-tree{padding:.2em .7em}.wb-node-line{grid-template-columns:minmax(0,1fr) 7.6em}.wb-connector{width:calc(100% - 7.6em)}.wb-add{width:calc(100% - 7.6em)}.wb-node{gap:.45em;padding:.35em .55em}.wb-node b{font-size:.81em}.wb-node em{font-size:.5em}.wb-node-dots{display:none}.wb-yes{font-size:.53em}.wb-yes>b{min-width:8em;padding:.6em}.ab-tabs button{font-size:.66em}.ab-text-button{font-size:.58em}.sg-match{font-size:.74em}.sg-builder{padding:.9em}.sg-rule b{font-size:.8em}.sg-rule small{font-size:.6em}.sg-bottom>span{font-size:.54em}.sg-picker{padding:1.2em}.sg-rule-library button{font-size:.7em}.sg-config-fields{gap:1em}.uc-automation .story-progress-copy strong{font-size:6px}}
@media(max-width:700px) and (max-height:750px){[data-demo=deep-recovery] .uc-stage{height:38.5em}.wb-canvas{height:31.6em}[data-demo=deep-segments] .uc-stage{height:34em}.sg-heading{margin-bottom:1em}.sg-rules{min-height:12.5em}}
@media(min-width:701px) and (max-height:550px){[data-demo=deep-recovery] .uc-stage{height:37em}.wb-canvas{height:30.6em}[data-demo=deep-segments] .uc-stage{height:33em}.sg-heading{margin:.2em 0 .8em}.sg-rules{min-height:12.5em}.sg-summary{padding:.6em 0}.wb-node{height:2.8em}.wb-connector:has(button){height:1.7em}}
@media(prefers-reduced-motion:reduce){.wb-step.is-new,.sg-rule.is-new{animation:none!important}}
.wb-connector{height:.9em}.wb-node{height:2.85em}
.wb-node b{font-size:1em}.wb-yes>span:before{top:100%}.wb-yes>span{padding-bottom:.4em}
@media(max-width:700px){.wb-node b{font-size:.94em}}
@media(min-width:1200px){.uc-automation .story-progress a[data-story-link]{min-height:55px;padding:8px 6px}}
.sg-rule{padding:.55em 2.4em .55em 1em;min-height:3.1em}.sg-heading{margin-bottom:1em}.sg-summary{min-height:3.8em;padding:.6em 0}.sg-add{margin:.6em 0}
[data-demo=deep-segments] .uc-stage{height:38em}
@media(max-width:700px) and (max-height:750px){[data-demo=deep-segments] .uc-stage{height:37em}}
@media(min-width:701px) and (max-height:550px){[data-demo=deep-segments] .uc-stage{height:36.5em}}
@media(min-width:701px) and (max-height:550px){[data-demo=deep-segments] .uc-stage{height:38em}}
/* Message selection is channel-specific and stays local to the preview. */
.wb-node em{overflow:hidden;text-overflow:ellipsis}.wb-inspector.has-message{top:1em;min-height:0}.wb-inspector.has-message>p{font-size:.73em;line-height:1.45;margin:.8em 0 1em}.wb-message-settings label{margin:.8em 0;font-size:.78em}.wb-message-preview{border:1px solid #e0e8f4;background:#f7faff;padding:1em;border-radius:.65em;margin:.8em 0}.wb-message-preview>span{display:block;font-size:.5em;letter-spacing:.1em;color:#8e9fba}.wb-message-preview>b{display:block;font-size:.87em;line-height:1.35;color:#4a6486;margin:.65em 0 0}.wb-inspector .wb-message-preview>p{font-size:.77em;line-height:1.5;margin:.6em 0 0;color:#7288a5;overflow-wrap:anywhere}.wb-create-message{display:block;font:700 .75em Manrope,sans-serif;color:#3158f5;background:#edf3ff;border:1px dashed #bfd0f5;border-radius:.5em;padding:.8em 1em;width:100%;text-align:center;margin:.7em 0 1.2em;cursor:pointer}.wb-message-create-form{margin:0}.wb-message-create-form textarea{height:6em;width:100%;padding:.8em;border:1px solid #d5e0f1;border-radius:.55em;background:#f7faff;color:#365477;font:500 1em Manrope,sans-serif;line-height:1.5;resize:none}.wb-message-create-form input{padding:.65em .8em}.wb-draft-actions{display:flex;justify-content:space-between;align-items:center;gap:1em;margin-top:1.3em}.wb-inspector.is-writing h3{margin:.5em 0}.wb-inspector.is-writing{padding-top:1.2em}.wb-inspector.has-message [data-wb-inspector-title]{padding-right:1em}
@media(max-width:700px){.wb-inspector.has-message{padding:1.2em}.wb-inspector.has-message>p{font-size:.7em}.wb-message-preview{padding:.85em}.wb-message-settings label{font-size:.74em}}
.wb-message-preview>b,.wb-inspector .wb-message-preview>p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.wb-message-preview>b{-webkit-line-clamp:2}.wb-inspector .wb-message-preview>p{-webkit-line-clamp:4}