.agent-editor{gap:12px;display:grid}.agent-editor h2{margin:0 0 4px;font-size:1.2rem}.group-label{margin-bottom:4px;font-weight:600;display:block}.choice-group{gap:4px;display:grid}.agent-form{container-type:inline-size}.choice-group--cards{gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(0,1fr));grid-auto-flow:column}@container (width<420px){.choice-group--cards{grid-template-columns:minmax(0,1fr);grid-auto-flow:row}}.cl-choice--card{padding:var(--space-8) var(--space-12);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-width:0;display:flex}.cl-choice--card:hover{background:var(--surface-hover)}.cl-choice--card:has(input:checked){background:var(--surface-selected);border-color:var(--primary-border)}.cl-choice--card:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.cl-choice--card:has(input:disabled){cursor:default}.cl-choice--card>span{overflow-wrap:anywhere;min-width:0}.active-hours-week{gap:var(--space-8);display:grid}.active-hours-error,.active-hours-need{align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.active-hours-error{color:var(--danger)}.active-hours-away{gap:var(--space-8);display:grid}.active-hours-away__preview{padding:var(--space-8) var(--space-16);border-left:2px solid var(--border);white-space:pre-wrap;margin:0}.active-hours-away__preview p{margin:0}.form.narrow{max-width:420px}.agent-flash{padding:var(--space-16) var(--space-32) 0}@media (width<48em){.agent-flash{padding-inline:var(--space-16)}}.agent-def__head{gap:var(--space-4);display:grid}.agent-def__head p{margin:0}.agent-strip{z-index:var(--z-sticky);justify-content:space-between;align-items:flex-start;gap:var(--space-8) var(--space-16);padding:var(--space-8) 0;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex;position:sticky;top:0}.agent-strip__state{align-items:center;gap:var(--space-8);min-height:var(--size-control-md,32px);flex-wrap:wrap;display:flex}.agent-strip__saved[data-saved=unsaved]{color:var(--text-primary);font-weight:600}.agent-strip__actions{align-items:flex-start;gap:var(--space-8);flex-wrap:wrap;display:flex}.agent-strip a.cl-btn{text-decoration:none}@media (width<=639px){.agent-strip{position:static}}@media (width>=48em){.agent-strip{top:var(--size-topbar)}}.agent-publish{gap:var(--space-4);justify-items:end;max-width:280px;display:grid}.agent-publish__reason{text-align:right}.agent-def__layout{gap:var(--space-16);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.agent-index__nav{display:none}.agent-form{max-width:var(--column-form);min-width:0;display:grid}.agent-def__layout[data-view=full] .agent-form{max-width:640px}.agent-anchor{scroll-margin-top:120px}.agent-cfg__main .agent-form{gap:var(--space-32)}.agent-group__lead{margin:0}.agent-group__line{align-items:center;gap:var(--space-8);flex-wrap:wrap;margin:0;display:flex}.agent-group__open{justify-self:start;width:fit-content}.agent-anchor:focus{outline:none}.agent-anchor:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.agent-form .cl-section__body{gap:var(--space-16);display:grid}.agent-form .cl-setting{padding:0}.agent-choices{gap:var(--space-8);display:grid}.agent-risk-list{padding-left:var(--space-16);gap:var(--space-4);margin:0;display:grid}.agent-list{gap:var(--space-12);justify-items:start;display:grid}.agent-list>.cl-label{display:block}.agent-choices>.cl-help,.agent-list>.cl-help{margin:0}.agent-list__row{gap:var(--space-8);grid-template-columns:minmax(0,1fr) auto;align-items:end;width:100%;display:grid}.agent-knowledge-move{gap:var(--space-12);border-left:2px solid var(--border);padding-left:var(--space-12);justify-items:start;display:grid}.agent-knowledge-move>*{margin:0}.agent-knowledge-move__title{color:var(--text-primary);font-size:14px;font-weight:600;line-height:20px}.agent-form [data-todo=true]:is(input,textarea){border-color:var(--warning-solid)}.agent-todo{color:var(--warning);font-weight:600}.agent-versions{border-top:1px solid var(--border-subtle);padding-top:var(--space-12)}.agent-versions ul{margin:var(--space-12) 0 0;gap:var(--space-8);padding:0;list-style:none;display:grid}.agent-versions li{gap:var(--space-8);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.agent-versions li>.cl-alert{flex-basis:100%}.agent-versions__confirm{gap:var(--space-8);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.agent-index__select{display:block}@media (width>=1024px){.agent-def__layout{gap:var(--space-32);grid-template-columns:240px minmax(0,640px)}.agent-index{top:calc(var(--size-topbar) + var(--agent-strip-h,72px) + var(--space-16));position:sticky}.agent-index__select{display:none}.agent-index__nav{display:block}.agent-index__nav ol{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.agent-index__link{justify-content:space-between;align-items:center;gap:var(--space-8);padding:var(--space-4) var(--space-8);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;font-weight:500;line-height:20px;text-decoration:none;display:flex}.agent-index__link:hover{background:var(--surface-hover);color:var(--text-primary)}.agent-index__link[aria-current=location]{background:var(--surface-selected);color:var(--text-primary);font-weight:600}.agent-index__state{align-items:center;gap:var(--space-4);display:inline-flex}.agent-index__dot{background:var(--warning-solid);border-radius:50%;width:8px;height:8px}.agent-index__dot[data-tone=block]{background:var(--danger-solid)}}@media (width<=1023px){.agent-def__layout .agent-index{position:static}}.agent-create{gap:var(--space-16);flex-direction:column;min-width:0;display:flex}.agent-create__title{font-size:var(--text-title-size);line-height:var(--text-title-line);font-weight:var(--text-title-weight);letter-spacing:var(--text-title-tracking);margin:0}.agent-create__intro{max-width:46rem;margin:0}.preset-cards{gap:var(--space-12);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin:0;padding:0;list-style:none;display:grid}.preset-card{gap:var(--space-4);text-align:start;width:100%;height:100%;font:inherit;cursor:pointer;background:var(--surface);color:var(--text-primary);border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px var(--border-subtle);padding:var(--space-12) var(--space-16);transition:box-shadow var(--dur-fade) var(--ease-out), background-color var(--dur-fade) var(--ease-out);border:0;align-content:start;display:grid}.preset-card strong{font-size:var(--text-ui-size);line-height:var(--text-ui-line);font-weight:600}.preset-card:hover:not(:disabled){background:var(--surface-hover);box-shadow:inset 0 0 0 1px var(--border-control)}.preset-card:focus-visible{outline:2px solid var(--focus);outline-offset:var(--space-2)}.preset-card:disabled{cursor:not-allowed;opacity:.6}.preset-card span{color:var(--text-secondary);font-size:var(--text-body-size);line-height:var(--text-body-line)}.preset-card.blank{box-shadow:none;outline:1px dashed var(--border-strong);outline-offset:-1px;background:0 0}.preset-card.blank:hover:not(:disabled){background:var(--surface-hover)}.based-on{margin:0}.webchat-integration{gap:var(--space-16);flex-direction:column;min-width:0;display:flex}.webchat-setup{gap:var(--space-24);flex-direction:column;min-width:0;display:flex}.webchat-setup__block{gap:var(--space-8);flex-direction:column;min-width:0;max-width:44rem;display:flex}.webchat-setup__title{font-size:var(--text-ui-size);line-height:var(--text-ui-line);margin:0;font-weight:600}.webchat-setup__line{margin:0}.webchat-snippet{align-items:flex-start;gap:var(--space-12);padding:var(--space-12);border-radius:var(--radius-md);background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--border-subtle);display:flex}.webchat-snippet pre{white-space:pre-wrap;word-break:break-all;min-width:0;font-family:var(--font-mono);color:var(--text-primary);flex:1;margin:0;font-size:12px;line-height:18px}.webchat-origins{border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin:0;padding:0;list-style:none}.webchat-origins li{justify-content:space-between;align-items:center;gap:var(--space-8);min-height:40px;padding:var(--space-4) var(--space-4) var(--space-4) var(--space-12);display:flex}.webchat-origins li+li{border-top:1px solid var(--border-subtle)}.webchat-origins code{font-family:var(--font-mono);overflow-wrap:anywhere;font-size:13px}.webchat-add{align-items:flex-end;gap:var(--space-8);flex-wrap:wrap;display:flex}.webchat-add>.cl-field{flex:16rem}@media (width<48em){.webchat-snippet{flex-direction:column}}.wa-templates-scroll{min-width:0;max-width:100%;overflow-x:auto}.wa-templates-scroll .cl-table td{overflow-wrap:anywhere}.wa-template-reason{color:var(--text-secondary);display:block}.wa-template-reason[data-tone=danger]{color:var(--danger)}.agent-inline-form{gap:var(--space-12);max-width:420px;display:grid}.agent-inline-form__actions{align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.follow-up-template{gap:var(--space-8);display:grid}.follow-up-template p{margin:0}.follow-up-template-preview{gap:var(--space-4);padding:var(--space-12);border-radius:var(--radius-md);background:var(--surface-sunken);display:grid}.follow-up-template-preview__text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--text-body-size);line-height:var(--text-body-line);color:var(--text-primary)}.agent-stack{gap:var(--space-16);align-content:start;min-width:0;display:grid}.agent-levels{gap:var(--space-8);display:grid}.agent-contents{display:contents}.agent-levels__foot{align-items:center;gap:var(--space-8) var(--space-12);flex-wrap:wrap;display:flex}.agent-level{padding:var(--space-12) var(--space-16);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);display:flex}.agent-level:hover{border-color:var(--border-strong)}.agent-level:has(input:checked){border-color:var(--primary);background:var(--surface-selected)}.agent-level:has(input:focus-visible){outline:2px solid var(--primary);outline-offset:2px}.agent-level:has(input:disabled){cursor:default}.agent-level__text{gap:var(--space-2);min-width:0;display:grid}.agent-level__head{align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.agent-level__title{font-weight:600}.channels{min-width:0}.channels__body{gap:var(--space-16);grid-template-columns:minmax(0,1fr);align-content:start;min-width:0;display:grid}.channels-list{gap:var(--space-16);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.channels-list>li{gap:var(--space-16);grid-template-columns:minmax(0,1fr);display:grid}.channels .cl-section__body{overflow-x:auto}.channels-loading{gap:var(--space-8);display:grid}.channels,.channels-list>li{min-width:0}.channels .cl-section__head{flex-wrap:wrap}.channels .cl-section__text{flex:14rem;min-width:0}.channels .cl-section__actions{flex-wrap:wrap;align-items:center}.channels-title{align-items:center;gap:var(--space-8);display:inline-flex}.channels-logo{flex:none;display:block}.channels-fields{gap:var(--space-12) var(--space-16);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=48em){.channels-fields{grid-template-columns:repeat(2,minmax(0,1fr));max-width:48rem}}.channels .cl-select{max-width:100%}.channels .cl-field{max-width:var(--column-form)}@media (width<40em){.channels .cl-table td{white-space:normal;overflow-wrap:break-word;max-width:none;height:auto;padding-block:var(--space-8)}.channels .cl-table :is(th,td):nth-child(2){display:none}}.channels .cl-link,.channels a.cl-btn{text-decoration:none}.runs{min-width:0}.runs__body{gap:var(--space-16);align-content:start;min-width:0;display:grid}.runs .cl-seg{max-width:100%;overflow-x:auto}.runs__loading{gap:var(--space-16);display:grid}.runs__skeleton{column-gap:var(--space-12);grid-template-columns:24px minmax(0,1fr);display:grid}.runs__head{overflow-wrap:anywhere}.runs .cl-tl__time{display:inline-block}.runs__where{overflow-wrap:anywhere;margin:0}.runs__steps{margin-top:var(--space-4)}.run-detail{gap:var(--space-8);margin-top:var(--space-8);border-inline-start:2px solid var(--border);padding-inline-start:var(--space-12);display:grid}.run-facts{gap:var(--space-4) var(--space-16);color:var(--text-secondary);flex-wrap:wrap;margin:0;padding:0;font-size:13px;line-height:20px;list-style:none;display:flex}.run-steps-list{gap:var(--space-4);color:var(--text-primary);margin:0;padding-inline-start:var(--space-24);font-size:13px;line-height:20px;display:grid}.runs__more{justify-content:center;display:flex}.agent-cfg{--agent-head-h:112px;display:block}.agent-cfg__head{background:var(--surface)}.agent-cfg__head .cl-pagehead{padding-block:var(--space-16) var(--space-12);border-bottom:1px solid var(--border)}.agent-cfg__actions{justify-content:end;align-items:start;gap:var(--space-8);grid-template-columns:repeat(3,max-content);grid-auto-flow:column;display:grid}@media (width<40em){.agent-cfg__actions>:not(.agent-publish),.agent-cfg__actions .agent-publish>:not(.agent-publish__reason){grid-row:auto}.agent-cfg__actions{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;justify-content:stretch}}.agent-cfg__actions a.cl-btn{text-decoration:none}.agent-cfg__head .agent-publish{display:contents}.agent-cfg__actions>:not(.agent-publish),.agent-cfg__actions .agent-publish>:not(.agent-publish__reason){grid-row:1}.agent-cfg__head .agent-publish__reason{text-align:end;grid-area:2/1/auto/-1;justify-self:end;inline-size:0;min-inline-size:100%;max-inline-size:48ch}@media (width<40em){.agent-cfg__actions>:not(.agent-publish),.agent-cfg__actions .agent-publish>:not(.agent-publish__reason),.agent-cfg__head .agent-publish__reason{grid-row:auto}}@media (width>=64em) and (height>=47.5em){.agent-cfg__head{top:var(--size-topbar);z-index:var(--z-sticky);position:sticky}}.agent-cfg__page{gap:var(--space-16);align-content:start;display:grid}.agent-cfg__grid{gap:var(--space-16) var(--space-32);grid-template-columns:minmax(0,1fr);align-items:start;min-width:0;display:grid}.agent-cfg__main{gap:var(--space-16);align-content:start;min-width:0;display:grid}.agent-cfg__main .cl-section__title{font-size:var(--text-section-size);line-height:var(--text-section-line);font-weight:var(--text-section-weight);letter-spacing:var(--text-section-tracking)}.agent-cfg__main .cl-section{border-bottom:0;padding:0}.agent-cfg__main .cl-section__body{gap:var(--space-16)}.agent-cfg__main .agent-form .cl-section__head{margin-bottom:var(--space-16)}.agent-cfg__main .agent-form .cl-section__body{gap:var(--space-16)}.agent-cfg[data-layout=two] .agent-cfg__grid{grid-template-columns:248px minmax(0,1fr)}.agent-cfg[data-layout=two] .agent-tabs{grid-row:1/span 2}.agent-cfg[data-layout=two] .agent-aside{grid-column:2}.agent-cfg[data-layout=three] .agent-cfg__grid{grid-template-columns:248px minmax(0,1fr) 340px}.agent-cfg[data-layout=compact] .agent-cfg__grid{column-gap:var(--space-24);grid-template-columns:200px minmax(0,1fr) 300px}.agent-cfg[data-layout=three] .agent-aside,.agent-cfg[data-layout=compact] .agent-aside{grid-area:1/3}.agent-cfg[data-tabs-sticky=true] .agent-tabs,.agent-cfg[data-aside-sticky=true] .agent-aside{top:calc(var(--size-topbar) + var(--space-16));position:sticky}@media (width>=64em) and (height>=47.5em){.agent-cfg[data-tabs-sticky=true] .agent-tabs,.agent-cfg[data-aside-sticky=true] .agent-aside{top:calc(var(--size-topbar) + var(--agent-head-h) + var(--space-16))}}.agent-cfg:is([data-layout=two],[data-layout=compact],[data-layout=three]) .agent-tabs{overflow-x:visible}.agent-cfg:is([data-layout=two],[data-layout=compact],[data-layout=three]) .agent-tabs ol{width:auto;display:grid}.agent-state{flex:none;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.agent-state__dot{border-radius:var(--radius-full);background:var(--warning-solid);width:8px;height:8px}.agent-state[data-state=blocks]{color:var(--danger)}.agent-state[data-state=warnings]{color:var(--warning)}.agent-state[data-state=complete]{color:var(--success)}.agent-aside{gap:var(--space-16);align-content:start;min-width:0;display:grid}.agent-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);min-width:0}.agent-card .cl-section{padding:var(--space-16);border-bottom:0}.agent-card .cl-section__head{margin-bottom:var(--space-12);flex-wrap:wrap}.agent-example__thread{gap:var(--space-4);display:grid}.agent-example .cl-msg{column-gap:var(--space-8);padding-inline:0}.agent-example .agent-card__muted{margin-top:var(--space-12)}.agent-card--unsaved{border-color:var(--warning-solid);box-shadow:inset 3px 0 0 var(--warning-solid)}.agent-card__actions{gap:var(--space-8);flex-wrap:wrap;justify-content:flex-end;display:flex}.agent-card__muted{font-size:var(--text-ui-size);line-height:var(--text-ui-line);color:var(--text-muted);margin:0}.agent-changes{gap:var(--space-12);display:grid}.agent-changes__section{font-size:var(--text-meta-size);line-height:var(--text-meta-line);color:var(--text-muted);font-weight:600;text-decoration:none}a.agent-changes__section:hover{color:var(--primary-text);text-decoration:underline}.agent-changes__group ul,.agent-ready__group ul{margin:var(--space-4) 0 0;gap:var(--space-8);padding:0;list-style:none;display:grid}.agent-change{gap:var(--space-2);display:grid}.agent-change__field{color:var(--text-primary);font-size:13px;font-weight:600;line-height:20px}.agent-change__values{align-items:baseline;gap:0 var(--space-8);overflow-wrap:anywhere;flex-wrap:wrap;min-width:0;font-size:13px;line-height:20px;display:flex}.agent-change__before{color:var(--text-muted);text-decoration:line-through}.agent-change__arrow{color:var(--text-muted)}.agent-change__after{color:var(--text-primary)}.agent-ready__groups{gap:var(--space-12);display:grid}.agent-ready__row{gap:var(--space-8);color:var(--text-primary);grid-template-columns:16px minmax(0,1fr);margin:0;font-size:13px;line-height:20px;display:grid}.agent-ready__row>.cl-icon{margin-top:var(--space-2)}.agent-ready__row--ok{color:var(--success);font-weight:600}.agent-ready__row--ok>.cl-icon,.agent-ready__row--plain:not([data-tone])>.cl-icon,.agent-ready__row[data-tone=ok]>.cl-icon{color:var(--success)}.agent-ready__row[data-tone=block]>.cl-icon,.agent-ready__row[data-tone=block] strong{color:var(--danger)}.agent-ready__row[data-tone=warn]>.cl-icon{color:var(--warning)}.agent-ready__row[data-tone=info]>.cl-icon{color:var(--info)}.agent-ready__test{font-size:13px;line-height:20px}.agent-ready .cl-stagebar__fill,.agent-hero .cl-stagebar__fill{background:var(--success-solid)}.agent-hero{align-items:start;gap:var(--space-16) var(--space-24);padding:var(--space-24);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:inset 4px 0 0 var(--success-solid);grid-template-columns:minmax(0,1fr);display:grid}.agent-hero[data-level=almost]{box-shadow:inset 4px 0 0 var(--warning-solid)}.agent-hero:is([data-level=empty],[data-level=blocked]){box-shadow:inset 4px 0 0 var(--danger-solid)}.agent-hero[data-level=almost] .cl-stagebar__fill{background:var(--warning-solid)}.agent-hero:is([data-level=empty],[data-level=blocked]) .cl-stagebar__fill{background:var(--danger-solid)}.agent-hero__text{gap:var(--space-8);min-width:0;display:grid}.agent-hero__title{align-items:center;gap:var(--space-8);font-size:var(--text-section-size);line-height:var(--text-section-line);font-weight:var(--text-section-weight);color:var(--text-primary);margin:0;display:flex}.agent-hero[data-level=ready] .agent-hero__title>.cl-icon{color:var(--success)}.agent-hero[data-level=almost] .agent-hero__title>.cl-icon{color:var(--warning)}.agent-hero:is([data-level=empty],[data-level=blocked]) .agent-hero__title>.cl-icon{color:var(--danger)}.agent-hero .cl-stagebar__head{display:none}.agent-hero__progress{font-size:var(--text-ui-size);line-height:var(--text-ui-line);color:var(--text-secondary);margin:0}.agent-hero__step a.cl-btn{text-decoration:none}@media (width<40em){.agent-hero{padding:var(--space-16)}}.agent-hero__step{justify-self:start}.agent-rows{gap:var(--space-8);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}@media (width>=80em){.agent-cfg[data-layout=two] .agent-rows{grid-template-columns:repeat(2,minmax(0,1fr))}}.agent-row{align-items:start;gap:var(--space-12);padding:var(--space-12) var(--space-16);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);grid-template-columns:16px minmax(0,1fr) auto;min-width:0;display:grid}.agent-row>.agent-state{margin-top:var(--space-2)}.agent-row__text{align-items:baseline;column-gap:var(--space-8);flex-wrap:wrap;min-width:0;display:flex}.agent-row__summary{flex:100%}.agent-row__name{font-size:var(--text-ui-size);line-height:var(--text-ui-line);color:var(--text-primary);font-weight:600}.agent-row__summary{margin:var(--space-4) 0 0;color:var(--text-secondary);overflow-wrap:anywhere;font-size:13px;line-height:20px}.agent-row a.cl-btn{text-decoration:none}.agent-pager{justify-content:space-between;gap:var(--space-16);padding-top:var(--space-16);border-top:1px solid var(--border);align-items:stretch;display:flex}.agent-pager__link{align-items:center;gap:var(--space-8);min-width:0;padding:var(--space-8) var(--space-12);border-radius:var(--radius-sm);color:var(--text-secondary);flex:1 1 0;text-decoration:none;display:inline-flex}.agent-pager__link:hover{background:var(--surface-hover);color:var(--text-primary)}.agent-pager__link--next{text-align:end;justify-content:flex-end;margin-inline-start:auto}.agent-pager__link>span{min-width:0;display:grid}.agent-pager__hint{font-size:var(--text-meta-size);line-height:var(--text-meta-line);color:var(--text-muted)}.agent-pager__name{font-size:var(--text-ui-size);line-height:var(--text-ui-line);color:var(--primary-text);overflow-wrap:break-word;font-weight:600}.wa-technical>summary{cursor:pointer;min-height:var(--size-touch);color:var(--text-secondary);align-items:center;display:flex}.wa-technical__list{gap:var(--space-2);margin:0;display:grid}.wa-technical__list dt{color:var(--text-secondary)}.wa-technical__list dd{font-family:var(--font-mono);overflow-wrap:anywhere;margin:0}.webchat-setup__block--wide{max-width:64rem}.webchat-appearance{gap:var(--space-12);flex-direction:column;min-width:0;display:flex}.webchat-appearance__body{gap:var(--space-24);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=900px){.webchat-appearance__body{grid-template-columns:minmax(0,1fr) 320px}}.webchat-appearance__fields{gap:var(--space-16);flex-direction:column;min-width:0;display:flex}.webchat-appearance__colors{gap:var(--space-8);border:0;flex-direction:column;min-width:0;margin:0;padding:0;display:flex}.webchat-swatches{gap:var(--space-8);flex-wrap:wrap;display:flex}.webchat-swatch{border-radius:var(--radius-full);background:var(--wc-swatch);width:32px;height:32px;box-shadow:inset 0 0 0 1px var(--border-subtle);cursor:pointer;border:0;padding:0}.webchat-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--text-primary)}.webchat-swatch:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.webchat-swatch:disabled{cursor:default;opacity:.5}.webchat-preview{gap:var(--space-8);flex-direction:column;min-width:0;margin:0;display:flex}.webchat-preview__stage{align-items:flex-end;gap:var(--space-12);padding:var(--space-16);border-radius:var(--radius-md);background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--border-subtle);flex-direction:column;display:flex;position:relative}.webchat-preview__panel{border-radius:var(--radius-lg);background:var(--surface);width:100%;max-width:288px;box-shadow:var(--shadow-overlay);flex-direction:column;display:flex;overflow:hidden}.webchat-preview__header{justify-content:space-between;align-items:center;gap:var(--space-8);padding:var(--space-12) var(--space-16);background:var(--wc-accent);color:var(--wc-ink);display:flex}.webchat-preview__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.webchat-preview__close{font-size:20px;line-height:1}.webchat-preview__messages{padding:var(--space-12);flex-direction:column;min-height:96px;display:flex}.webchat-preview__bubble{max-width:85%;padding:var(--space-8) var(--space-12);background:var(--surface-sunken);color:var(--text-primary);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:14px;align-self:flex-start}.webchat-preview__composer{gap:var(--space-8);padding:var(--space-8);border-top:1px solid var(--border-subtle);display:flex}.webchat-preview__field{min-width:0;padding:var(--space-4) var(--space-8);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-muted);flex:1}.webchat-preview__send{border-radius:var(--radius-sm);background:var(--wc-accent);width:40px}.webchat-preview__launcher{border-radius:var(--radius-full);background:var(--wc-accent);width:48px;height:48px;box-shadow:var(--shadow-overlay);justify-content:center;align-items:center;display:flex}.webchat-preview__icon{background:var(--wc-ink);border-radius:6px;width:22px;height:16px}.agent-cash-hint{margin:0}.agent-advanced[open]>summary{margin-block-end:var(--space-8)}.webchat-setup__mail{margin-top:var(--space-8)}.agent-cfg:is([data-layout=three],[data-layout=compact]) .agent-aside:has(.agent-example){align-self:stretch}.agent-cfg:is([data-layout=three],[data-layout=compact]) .agent-example{top:calc(var(--size-topbar) + var(--space-16));z-index:var(--z-sticky);position:sticky}@media (width>=64em) and (height>=47.5em){.agent-cfg:is([data-layout=three],[data-layout=compact]) .agent-example{top:calc(var(--size-topbar) + var(--agent-head-h) + var(--space-16))}}.agent-cfg[data-aside-sticky=true] .agent-example{position:static}.agent-cfg:is([data-layout=two],[data-layout=one]) .agent-example,.agent-examplebar{display:none}.agent-cfg:is([data-layout=two],[data-layout=one]) .agent-examplebar{bottom:var(--agent-dirty-h,0px);z-index:var(--z-sticky);align-items:center;gap:var(--space-12);min-height:var(--size-touch);padding:var(--space-8) var(--space-16);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-raised);display:flex;position:sticky}.agent-examplebar .cl-popover{inset-block-start:auto;inset-block-end:calc(100% + var(--space-8));inset-inline:0 auto}.agent-examplebar__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-secondary);overflow:hidden}