.demo{margin-top:var(--s-12);max-width:1080px}.demo__tabs{display:flex;gap:var(--s-2);flex-wrap:wrap;margin-bottom:var(--s-4)}.demo__controls{display:grid;gap:var(--s-4);align-content:start}.demo__tab{display:inline-flex;align-items:center;min-height:var(--s-10);padding:var(--s-2) var(--s-4);background:var(--bg-raised);color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:13px;font-weight:500;cursor:pointer;transition:color .12s ease-out,border-color .12s ease-out;text-decoration:none}.demo__tab:hover{color:var(--text-primary);border-color:var(--border-strong)}.demo__tab.is-active{color:var(--text-primary);border-color:var(--text-primary);background:var(--bg-base)}.demo__subtitle{color:var(--text-secondary);font-size:15px;margin:0;max-width:60ch}.demo__scenarios{display:grid;gap:var(--s-16)}.demo__scenario{display:grid;gap:var(--s-6);scroll-margin-top:var(--s-20)}.demo__scenario-title{margin:0;color:var(--text-primary);font-family:var(--font-display);font-size:clamp(28px,4vw,40px);font-weight:500;line-height:1.08}.demo__endpoint{display:grid;gap:var(--s-3);max-width:58ch;padding:var(--s-4);background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.demo__endpoint p,.demo__endpoint small{margin:0;color:var(--text-secondary)}.demo__endpoint strong{color:var(--text-primary)}.demo__endpoint small{font-size:13px;line-height:1.5}.demo__lpmama{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-2);margin:0}.demo__lpmama div{display:grid;gap:var(--s-1);padding:var(--s-3);background:var(--bg-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.demo__lpmama dt{color:var(--text-tertiary);font-size:12px;text-transform:capitalize}.demo__lpmama dd{margin:0;color:var(--text-primary);font-size:13px;font-weight:600}.demo__phone{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:var(--s-6);box-shadow:var(--shadow-md);max-width:380px}.demo__phone-header{padding-bottom:var(--s-4);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--s-4)}.demo__thread{display:flex;flex-direction:column;gap:var(--s-3)}.demo__thread:focus-visible{outline:2px solid var(--border-focus);outline-offset:var(--s-2)}.demo__bubble{max-width:80%;padding:var(--s-3) var(--s-4);border-radius:var(--radius-xl);font-size:15px;line-height:1.45;display:flex;flex-direction:column;gap:var(--s-1)}.demo__bubble--lead{align-self:flex-start;background:var(--bg-sunken);color:var(--text-primary);border-bottom-left-radius:var(--radius-xs)}.demo__bubble--reyla{align-self:flex-end;background:var(--indigo-tint);color:var(--text-primary);border-bottom-right-radius:var(--radius-xs)}.demo__bubble[data-kind=deterministic-classifier]{background:var(--teal-tint)}.demo__bubble-ts{align-self:flex-end;margin-top:var(--s-1)}.demo[data-embedded=true]{margin-top:0;max-width:none}.demo[data-embedded=true] .demo__tabs,.demo[data-embedded=true] .demo__subtitle{display:none}.demo[data-embedded=true] .demo__phone{max-width:520px;margin:0 auto}@media(min-width:860px){.demo[data-embedded=false]:not(.demo--static){display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,380px);grid-template-areas:"controls phone";column-gap:clamp(var(--s-8),6vw,var(--s-16));align-items:start}.demo[data-embedded=false]:not(.demo--static) .demo__controls{grid-area:controls;padding-top:var(--s-2)}.demo[data-embedded=false]:not(.demo--static) .demo__tabs{margin-bottom:0}.demo[data-embedded=false]:not(.demo--static) .demo__subtitle{max-width:42ch}.demo[data-embedded=false]:not(.demo--static) .demo__phone{grid-area:phone;width:100%}.demo--static .demo__scenario{grid-template-columns:minmax(280px,.92fr) minmax(360px,1.08fr);align-items:stretch}.demo--static .demo__phone{display:grid;grid-template-rows:auto minmax(0,1fr);width:100%;max-width:420px;max-height:clamp(520px,70vh,640px)}.demo--static .demo__thread{min-height:0;overflow-y:auto;padding-right:var(--s-1);scrollbar-gutter:stable;scrollbar-color:var(--border-strong) transparent}}@media(max-width:640px){.demo__lpmama{grid-template-columns:1fr}}