.cc-compose-stage[hidden]{display:none!important}.cc-context-toolbar{align-items:center;gap:var(--space-12) var(--space-20);padding:var(--space-8) var(--space-24);background:var(--ui-surface);border-bottom:1px solid var(--cc-line);grid-template-columns:minmax(0,1fr) auto auto;display:grid}.cc-context-toolbar .business-context-note{background:0 0;border:0;min-width:0;padding:0}.cc-journey{min-width:0;padding:var(--space-4);border:1px solid var(--demo-window-border);border-radius:var(--ui-radius-control);background:var(--ui-subtle)}.cc-journey>div{gap:var(--space-4);display:flex}.cc-journey button{justify-content:center;align-items:center;gap:var(--space-8);min-width:0;min-height:32px;padding:var(--space-4) var(--space-12);border-radius:var(--ui-radius-control);text-align:left;cursor:pointer;transition:var(--ui-action-transition);background:var(--ui-action-quiet-bg);color:var(--ui-action-quiet-fg);border:1px solid #0000;border-color:var(--ui-action-quiet-border);box-shadow:var(--ui-action-quiet-shadow);touch-action:manipulation;display:flex}.cc-step-number{border-radius:var(--radius-4);background:var(--ui-surface);width:20px;height:20px;color:var(--ui-muted);font-size:var(--demo-text-caption);font-variant-numeric:tabular-nums;flex:none;place-items:center;display:grid}.cc-journey button>strong{font-size:var(--demo-text-label);white-space:nowrap;font-weight:500;line-height:1.5}.cc-journey button[aria-current=step]{background:var(--ui-action-selected-bg);color:var(--ui-action-selected-fg);border-color:var(--ui-action-selected-border);box-shadow:var(--ui-action-selected-shadow);transition:var(--ui-action-transition);touch-action:manipulation}.cc-journey button[aria-current=step]>strong{font-weight:600}.cc-journey button[aria-current=step] .cc-step-number{background:var(--ui-brand);color:var(--ui-on-brand)}.cc-journey button:disabled{cursor:default}@media (hover:hover) and (pointer:fine){.cc-journey button:where(:not(:disabled):not([aria-disabled=true]):not([aria-busy=true])):hover{background:var(--ui-action-quiet-hover);color:var(--ui-action-quiet-fg);border-color:var(--ui-action-quiet-border);box-shadow:var(--ui-action-quiet-shadow)}}.cc-journey button:where(:not(:disabled):not([aria-disabled=true]):not([aria-busy=true])):active{background:var(--ui-action-quiet-pressed);color:var(--ui-action-quiet-fg);border-color:var(--ui-action-quiet-border);box-shadow:none}.cc-journey button:focus-visible{outline:var(--ui-action-focus-width) solid var(--ui-action-focus);outline-offset:var(--ui-action-focus-offset)}.cc-journey button:is(:disabled,[aria-disabled=true]){color:var(--ui-action-disabled-fg);box-shadow:none;opacity:1;cursor:not-allowed;background:0 0;border-color:#0000}.cc-journey button[aria-busy=true]{cursor:progress}@media (hover:hover) and (pointer:fine){.cc-journey button[aria-current=step]:where(:not(:disabled):not([aria-disabled=true]):not([aria-busy=true])):hover{background:var(--ui-action-selected-hover);color:var(--ui-action-selected-fg);border-color:var(--ui-action-selected-border);box-shadow:var(--ui-action-selected-shadow)}}.cc-journey button[aria-current=step]:where(:not(:disabled):not([aria-disabled=true]):not([aria-busy=true])):active{background:var(--ui-action-selected-pressed);color:var(--ui-action-selected-fg);border-color:var(--ui-action-selected-border);box-shadow:none}.cc-journey button[aria-current=step]:focus-visible{outline:var(--ui-action-focus-width) solid var(--ui-action-focus);outline-offset:var(--ui-action-focus-offset)}.cc-journey button[aria-current=step]:is(:disabled,[aria-disabled=true]){background:var(--ui-action-disabled-bg);color:var(--ui-action-disabled-fg);border-color:var(--ui-action-disabled-border);box-shadow:none;opacity:1;cursor:not-allowed}.cc-journey button[aria-current=step][aria-busy=true]{cursor:progress}@media (hover:hover) and (pointer:fine){.cc-launch-strip button:where(:not(:disabled):not([aria-disabled=true]):not([aria-busy=true])):hover{background:var(--ui-action-primary-hover);color:var(--ui-action-primary-fg);border-color:var(--ui-action-primary-hover);box-shadow:var(--ui-action-primary-shadow)}}.cc-launch-strip button:where(:not(:disabled):not([aria-disabled=true]):not([aria-busy=true])):active{background:var(--ui-action-primary-pressed);color:var(--ui-action-primary-fg);border-color:var(--ui-action-primary-pressed);box-shadow:none}.cc-launch-strip button:focus-visible{outline:var(--ui-action-focus-width) solid var(--ui-action-focus);outline-offset:var(--ui-action-focus-offset)}.cc-launch-strip button:is(:disabled,[aria-disabled=true]){background:var(--ui-action-disabled-bg);color:var(--ui-action-disabled-fg);border-color:var(--ui-action-disabled-border);box-shadow:none;opacity:1;cursor:not-allowed}.cc-launch-strip button[aria-busy=true]{cursor:progress}@media (prefers-reduced-motion:reduce){.cc-journey button,.cc-journey button[aria-current=step],.cc-launch-strip button{transition:none}}.cc-journey-status{gap:var(--space-8);font-size:var(--demo-text-caption);color:var(--cc-muted);align-items:center;line-height:1.5;display:inline-flex}.cc-journey-dot{background:var(--demo-campaign-journey-dot-surface);border-radius:50%;flex:none;width:5px;height:5px}@media (max-width:900px){.cc-context-toolbar{gap:var(--space-8);grid-template-columns:minmax(0,1fr) auto}.cc-journey{grid-area:2/1/auto/-1}.cc-journey>div{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.cc-journey-status{grid-area:1/2}}.cc-launch-strip{justify-content:space-between;align-items:center;gap:var(--space-12) var(--space-20);background:var(--demo-campaign-launch-strip-surface);border-top:1px solid var(--ui-border);padding:var(--space-12) var(--space-24);display:flex}.cc-launch-copy{flex:1;min-width:0}.cc-launch-copy strong{color:var(--ui-text);font-size:var(--demo-text-label);font-weight:550;line-height:1.6;display:block}.cc-launch-copy small{margin-top:var(--space-4);font-size:var(--demo-text-caption);color:var(--cc-muted);line-height:1.6;display:block}.cc-launch-strip button{align-items:center;gap:var(--space-8);border:1px solid var(--demo-campaign-launch-strip-button-border);border-radius:var(--ui-radius-control);padding:var(--space-12) var(--space-16);white-space:nowrap;font-size:var(--demo-text-action);background:var(--ui-action-primary-bg);color:var(--ui-action-primary-fg);border-color:var(--ui-action-primary-border);box-shadow:var(--ui-action-primary-shadow);transition:var(--ui-action-transition);touch-action:manipulation;display:flex}.cc-launch-strip button:disabled{cursor:default}@media (max-width:600px){.cc-context-toolbar{padding:var(--space-8) var(--space-16)}.cc-journey button{min-height:44px;padding:var(--space-8) var(--space-4);gap:var(--space-4)}.cc-step-number{width:18px;height:18px}.cc-journey button>strong{font-size:var(--demo-text-label)}.cc-launch-strip{padding:var(--space-12) var(--space-20);flex-direction:column;align-items:stretch}.cc-launch-strip button{justify-content:center}.cc-launch-strip strong{font-size:var(--demo-text-label);line-height:1.6}}.cc-account-picker{min-width:0;scroll-margin-block:var(--space-96)}@media (max-width:1000px){.cc-launch-strip{gap:var(--space-12) var(--space-16);grid-template-columns:minmax(0,1fr) auto;display:grid}.cc-account-picker{grid-area:2/1/auto/-1}.cc-launch-strip>button{grid-area:1/2}}@media (max-width:600px){.cc-launch-strip{grid-template-columns:minmax(0,1fr)}.cc-launch-strip>button{min-height:var(--space-48);grid-area:3/1}}
.cd-mobile-result-nav,.cc-mobile-tools,.cc-mobile-panel-close,.cc-launch-strip .cc-mobile-account-toggle{display:none}@media (max-width:600px){.cc-demo{--demo-text-caption:11px;--demo-text-label:11px;--demo-text-body:12px;--demo-text-title:var(--ui-type-ui);--demo-text-action:12px;--cc-mobile-meta:10px}.cc-demo .cc-compose-stage{flex-direction:column;display:flex}.cc-demo .cc-compose-stage>.cc-launch-strip{order:1}.cc-demo .cc-compose-stage>.cc-plan-summary{order:2}.cc-demo .cc-compose-stage>.cc-plan-bar{order:3}.cc-demo .cc-body{gap:0}.cc-demo .cc-preview{padding:var(--space-8) var(--space-16);border-top:0}.cc-demo .cc-preview-title{margin-bottom:var(--space-8);font-size:var(--demo-text-label)}.cc-demo .cc-preview-title select{min-height:var(--demo-control-min-height);font-size:var(--demo-control-font-size);padding-inline:var(--space-8);line-height:var(--demo-control-line-height)}.cc-demo .cc-phone{max-width:none}.cc-demo .cc-phone-conversation{padding:var(--space-8) var(--space-12);min-height:0}.cc-demo .cc-message{margin-left:var(--space-8)}.cc-demo .cc-preview-body{font-size:var(--demo-text-body);line-height:1.6}.cc-demo .cc-phone-header strong{font-size:var(--demo-text-label);line-height:1.6}.cc-demo .cc-phone-header small,.cc-demo .cc-phone-note,.cc-demo .cc-preview-notice{font-size:var(--demo-text-caption)}.cc-demo .cc-carousel-controls button{width:44px;height:44px}.cc-demo .cc-carousel-controls>span{font-size:var(--demo-text-caption)}.cc-demo .cc-card-cta,.cc-demo .cc-message-cta{min-height:44px;line-height:1.5;font-size:var(--demo-text-label)!important}.cc-demo .cc-mobile-tools{gap:var(--space-8);padding:var(--space-8) var(--space-16);border-top:1px solid var(--cc-line);display:grid}.cc-mobile-tools>p{color:var(--cc-muted);font-size:var(--demo-text-caption);margin:0;line-height:1.5}.cc-mobile-tools>div{gap:var(--space-8);grid-template-columns:1fr 1fr;display:grid}.cc-mobile-tools button,.cc-demo .cc-mobile-panel-close{justify-content:center;align-items:center;gap:var(--space-8);border:1px solid var(--cc-line);border-radius:var(--ui-radius-control);background:var(--ui-surface);min-height:44px;color:var(--ui-brand);display:flex}.cc-mobile-tools button{font-size:var(--demo-text-label);line-height:1.5}.cc-mobile-tools button[aria-expanded=true]{background:var(--ui-selected);border-color:var(--ui-border-strong)}.cc-mobile-tools button[aria-expanded=true]>svg:last-child,.cc-mobile-account-toggle[aria-expanded=true]>svg{transform:rotate(90deg)}.cc-demo .cc-brief[data-expanded=false],.cc-demo .cc-compose[data-expanded=false]{display:none}.cc-demo .cc-brief,.cc-demo .cc-compose{padding:var(--space-8) var(--space-16);border-top:1px solid var(--cc-line);border-bottom:0}.cc-demo .cc-brief-fields[data-expanded=true]{margin-top:0}.cc-demo .cc-agent-steps{gap:var(--space-8);grid-template-columns:1fr}.cc-demo .cc-agent-steps li,.cc-demo .cc-brief-note,.cc-demo .cc-template-name,.cc-demo .cc-message-hint p{font-size:var(--demo-text-caption)}.cc-demo .cc-brief label,.cc-demo .cc-compose label{font-size:var(--demo-text-label)}.cc-demo .cc-compose-heading strong{font-size:var(--demo-text-body);line-height:1.5}.cc-demo .cc-format-switch>button{min-height:44px;font-size:var(--demo-text-label);line-height:1.5}.cc-demo .cc-variable-row{font-size:var(--demo-text-caption);flex-wrap:wrap}.cc-demo .cc-variable-row button,.cc-demo .cc-card-indexes button{min-height:44px;font-size:var(--demo-text-label);line-height:1.5}.cc-demo .cc-format-settings label>input{min-height:44px}.cc-demo .cc-mobile-panel-close{width:100%;margin-top:var(--space-12);font-size:var(--demo-text-label);line-height:1.5}.cc-demo .cc-plan-summary{padding:var(--space-8) var(--space-16)}.cc-demo .cc-plan-summary>header strong{font-size:var(--demo-text-body);line-height:1.5}.cc-demo .cc-plan-summary>header>small,.cc-demo .cc-plan-summary li small,.cc-demo .cc-plan-summary li div>span{font-size:var(--demo-text-caption)}.cc-demo .cc-plan-summary li strong{font-size:var(--demo-text-label);line-height:1.6}.cc-demo .cc-plan-summary[data-guided=true] li,.cc-demo .cc-plan-summary[data-guided=true] .cc-plan-check{opacity:1;animation:none;transform:none}.cc-demo .cc-launch-strip{padding:var(--space-8) var(--space-16);gap:var(--space-8);grid-template-columns:minmax(0,1fr) auto;display:grid}.cc-demo .cc-launch-copy{grid-area:1/1}.cc-demo .cc-launch-copy strong{font-size:var(--demo-text-label);line-height:1.6}.cc-demo .cc-launch-copy small{font-size:var(--demo-text-caption);line-height:1.5}.cc-demo .cc-launch-strip .cc-mobile-account-toggle{isolation:isolate;color:var(--ui-brand);box-shadow:none;place-self:start end;gap:var(--space-4);padding:var(--space-4) var(--space-8);min-height:44px;font-size:var(--demo-text-label);background:0 0;border:0;grid-area:1/2;line-height:1.5;display:flex;position:relative}.cc-demo .cc-launch-strip .cc-mobile-account-toggle:is(:hover,:active){color:var(--ui-brand);box-shadow:none;background:0 0}.cc-demo .cc-launch-strip .cc-mobile-account-toggle:before{content:"";inset:calc((44px - var(--space-32)) / 2) 0;z-index:-1;pointer-events:none;border:1px solid var(--ui-border-strong);border-radius:inherit;background:var(--ui-surface);position:absolute}.cc-demo .cc-launch-strip .cc-mobile-account-toggle:hover:not(:disabled):before,.cc-demo .cc-launch-strip .cc-mobile-account-toggle[aria-expanded=true]:before{background:var(--ui-selected)}.cc-demo .cc-launch-strip .cc-account-picker,.cc-demo .cc-launch-strip .cc-send-preview{grid-area:auto/1/auto/-1}.cc-demo .cc-account-picker[data-expanded=false]{display:none}.cc-demo .cc-send-preview{min-height:44px;font-size:var(--demo-text-action)}.cc-demo .cc-plan-bar{padding:var(--space-8) var(--space-16)}.cc-demo .cc-plan-bar>span{flex-wrap:wrap;width:100%}.cc-demo .cc-plan-bar select{min-height:var(--demo-control-min-height);font-size:var(--demo-control-font-size);max-width:100%;line-height:var(--demo-control-line-height)}.cc-demo .cc-plan-bar strong{font-size:var(--demo-text-body)}.cc-demo .cc-plan-bar small{font-size:var(--demo-text-caption)}.cc-demo .cc-agent-steps li,.cc-demo .cc-variable-row{font-size:var(--demo-text-label)}.cc-demo .demo-toolbar{gap:var(--ui-layout-space-8)}.cc-demo .cc-product-art{height:154px}.cc-demo .cc-agent-title{margin-bottom:var(--space-12)}.cc-demo .cc-agent-steps{margin-top:var(--space-16)}.cc-demo .cc-brief-note{margin-top:var(--space-12)}.cc-demo .demo-toolbar{padding:var(--ui-layout-space-8) var(--ui-layout-space-16)}.cc-demo .cc-compose-heading strong,.cc-demo .cd-panel-title,.cc-demo .cd-result-panel .cd-panel-title{font-size:var(--demo-text-title)}.cc-demo .cc-phone-header{padding-block:var(--space-8)}.cc-demo .cc-message{padding:var(--space-8) var(--space-12)}.cc-demo .cc-message-time,.cc-demo .cc-phone-note,.cc-demo .cc-journey-status,.cc-demo .cd-chart-axis,.cc-demo .cd-metric small,.cc-demo .cd-ab-legend{font-size:var(--cc-mobile-meta);line-height:1.5}.cc-demo .cc-plan-summary>header{margin-bottom:var(--space-8)}.cc-demo .cc-plan-summary ol{gap:var(--space-8) var(--space-12)}.cc-demo .cc-plan-summary li div>span{line-height:1.5}.cc-demo .cc-brief :is(input,select),.cc-demo .cc-compose :is(input,textarea,select){font-size:var(--demo-control-font-size);line-height:var(--demo-control-line-height)}.cc-demo .cc-brief :is(input,select):where(:not([type=checkbox],[type=radio],[type=range],[type=file])),.cc-demo .cc-compose :is(input,select):where(:not([type=checkbox],[type=radio],[type=range],[type=file])){min-height:var(--demo-control-min-height);padding-block:var(--space-8)}.cc-demo .cc-compose>textarea{min-height:144px}.cc-demo .cd-overview,.cc-demo .cd-accounts,.cc-demo .cd-throughput,.cc-demo .cd-receipts,.cc-demo .cd-results{padding:var(--space-12) var(--space-16)}.cc-demo .cd-metrics{margin-top:var(--space-12);gap:var(--space-8)}.cc-demo .cd-metric{padding:var(--space-8) var(--space-12)}.cc-demo .cd-metric-value{min-height:0;margin-block:var(--space-4);font-size:26px;line-height:1.2}.cc-demo .cd-result-panel{padding:var(--space-12)}.cc-demo .cd-result-panel .cd-panel-title{margin-bottom:var(--space-8)}.cc-demo .cd-results-grid,.cc-demo .cd-summary-heading{gap:var(--space-8)}.cc-demo .cd-reply-quote p,.cc-demo .cd-ab-version p{font-size:var(--demo-text-body);line-height:1.6}.cc-demo .cd-context-message,.cc-demo .cd-view-bar{padding:var(--space-8) var(--space-16)}.cc-demo .cd-overview-top{gap:var(--space-8)}.cc-demo .cd-overview-top p{margin-block:var(--space-4) 0}.cc-demo .cd-live-status{padding:var(--space-4) var(--space-8);min-height:0}.cc-demo .cd-return-edit{min-height:44px}.cc-demo .cd-view-bar{gap:var(--space-4) var(--space-8)}.cc-demo .cd-view-title>svg{width:28px;height:28px;padding:var(--space-4)}.cc-demo .cd-results-header{gap:var(--space-8);margin-bottom:var(--space-12)}.cc-demo .cd-result-plan{padding:var(--space-8);gap:var(--space-8)}.cc-demo .cd-result-plan>div{padding:0}.cc-demo .cd-mobile-result-nav{gap:var(--space-8);margin-bottom:var(--space-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.cd-mobile-result-nav>button{justify-content:center;align-items:center;gap:var(--space-4);min-width:0;min-height:44px;padding:var(--space-8) var(--space-4);border:1px solid var(--ui-border);border-radius:var(--ui-radius-control);background:var(--ui-subtle);color:var(--ui-text);font-size:var(--demo-text-label);display:flex}.cd-mobile-result-nav>button[aria-pressed=true]{border-color:var(--ui-brand);background:var(--ui-selected);color:var(--ui-brand);font-weight:600}.cc-demo .cd-result-panel[data-mobile-active=false]{display:none}}