/* Live chatbot island; readable conversation, composer and collected context. */
html.gifs-refined #root #chatbots.bc-ready {
  --bc-paper: #f6ead6;
  --bc-muted: #c7cbbf;
  --bc-gold: #c2a16f;
  --bc-ink: #11251c;
  --bc-rule: #d8c39d33;
  --bc-body: 18px;
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: var(--bc-ink) !important;
  color: var(--bc-paper) !important;
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
}
html.gifs-refined #root #chatbots.bc-ready[hidden] { display: none !important; }
html.gifs-refined #root #chatbots.bc-ready::before,
html.gifs-refined #root #chatbots.bc-ready::after,
html.gifs-refined #root #chatbots.bc-ready > :not(.bc-page) { display: none !important; }
html.gifs-refined #root #chatbots.bc-ready .bc-page {
  box-sizing: border-box;
  width: min(1440px, calc(100% - 96px));
  max-width: none;
  min-width: 0;
  margin: 0 auto;
  padding: 40px 0 48px;
  color: var(--bc-paper);
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
  font: 400 var(--bc-body)/1.6 ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}
html.gifs-refined #root #chatbots.bc-ready .bc-page *,
html.gifs-refined #root #chatbots.bc-ready .bc-page *::before,
html.gifs-refined #root #chatbots.bc-ready .bc-page *::after { box-sizing: border-box; }
html.gifs-refined #root #chatbots.bc-ready .bc-page :is(p, li, dt, dd, button, a, span, strong) {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}
html.gifs-refined #root #chatbots.bc-ready .bc-page p {
  margin: 0;
  color: inherit;
  font-size: var(--bc-body);
  line-height: 1.6;
  overflow-wrap: anywhere;
}
html.gifs-refined #root #chatbots.bc-ready .bc-page :is(h1, h2, h3) {
  margin: 0;
  color: inherit !important;
  font-family: Cormorant, Georgia, serif !important;
  font-weight: 500 !important;
  letter-spacing: -.025em !important;
  text-align: left !important;
  text-wrap: balance;
  overflow-wrap: break-word;
}
html.gifs-refined #root #chatbots.bc-ready .bc-page em {
  color: #dec59e !important;
  font: italic 500 1em/1.05 Cormorant, Georgia, serif !important;
}
html.gifs-refined #root #chatbots.bc-ready .bc-page :focus-visible {
  outline: 3px solid #f0ce94 !important;
  outline-offset: 5px;
}
html.gifs-refined #root #chatbots.bc-ready .bc-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  gap: 14px clamp(32px, 4vw, 80px);
  align-items: start;
  padding-bottom: 32px;
}
html.gifs-refined #root #chatbots.bc-ready .bc-page .bc-kicker {
  display: block;
  color: var(--bc-gold);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.4;
  letter-spacing: .12em;
  text-transform: uppercase;
}
html.gifs-refined #root #chatbots.bc-ready .bc-hero > .bc-kicker { grid-column: 1 / -1; }
html.gifs-refined #root #chatbots.bc-ready .bc-hero h1 {
  grid-column: 1;
  grid-row: 2 / span 3;
  max-width: 21ch !important;
  font-size: clamp(44px, 4vw, 64px) !important;
  line-height: 1.04 !important;
}
html.gifs-refined #root #chatbots.bc-ready .bc-hero > :is(.bc-lead, .bc-actions, .bc-micro) { grid-column: 2; }
html.gifs-refined #root #chatbots.bc-ready .bc-page .bc-lead { max-width: 54ch; color: #e1e0d3; }
html.gifs-refined #root #chatbots.bc-ready .bc-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; }
html.gifs-refined #root #chatbots.bc-ready .bc-page :is(.bc-primary, .bc-secondary, .bc-home) {
  display: inline-flex;
  min-height: 48px;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 0;
  font-size: 17px !important;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0;
  text-align: center;
  white-space: normal;
  cursor: pointer;
  box-shadow: none;
}
html.gifs-refined #root #chatbots.bc-ready .bc-page .bc-primary {
  padding: 14px 24px;
  min-height: 54px;
  border: 1px solid var(--bc-gold);
  border-radius: 4px;
  background: var(--bc-gold);
  color: var(--bc-ink) !important;
  text-decoration: none !important;
}
html.gifs-refined #root #chatbots.bc-ready .bc-page .bc-primary:hover { background: #dcc399; border-color: #dcc399; }
html.gifs-refined #root #chatbots.bc-ready .bc-page :is(.bc-secondary, .bc-home) {
  padding: 10px 0;
  border: 0;
  background: transparent;
  color: var(--bc-paper) !important;
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
}
html.gifs-refined #root #chatbots.bc-ready .bc-page :is(.bc-secondary, .bc-home):hover { color: #e8c78f !important; }
html.gifs-refined #root #chatbots.bc-ready .bc-page .bc-micro { color: var(--bc-muted); font-size: 15px; line-height: 1.5; }
html.gifs-refined #root #chatbots.bc-ready .bc-example { scroll-margin-top: 24px; border-top: 1px solid var(--bc-rule); padding-top: 24px; }
html.gifs-refined #root #chatbots.bc-ready .bc-section-head {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  gap: 24px 64px;
  align-items: end;
  margin-bottom: 18px;
}
html.gifs-refined #root #chatbots.bc-ready .bc-section-head h2,
html.gifs-refined #root #chatbots.bc-ready .bc-footer h2 {
  max-width: 26ch !important;
  font-size: clamp(36px, 3.3vw, 54px) !important;
  line-height: 1.1 !important;
}
html.gifs-refined #root #chatbots.bc-ready .bc-section-head .bc-kicker { margin-bottom: 12px; }
html.gifs-refined #root #chatbots.bc-ready .bc-section-head > p { max-width: 54ch; color: var(--bc-muted); }
html.gifs-refined #root #chatbots.bc-ready .bc-page .bc-note { font-size: 16px; line-height: 1.6; }
html.gifs-refined #root #chatbots.bc-ready .bc-page .bc-status { margin-top: 16px; color: var(--bc-muted); }
html.gifs-refined #root #chatbots.bc-ready .bc-scenarios { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 16px; }
html.gifs-refined #root #chatbots.bc-ready .bc-scenarios button {
  appearance: none;
  min-height: 48px;
  min-width: 0;
  padding: 11px 24px;
  border: 1px solid #b7c0b366;
  border-radius: 4px;
  background: transparent;
  color: var(--bc-paper) !important;
  font-size: 17px !important;
  font-weight: 550;
  line-height: 1.4;
  cursor: pointer;
  white-space: normal;
}
html.gifs-refined #root #chatbots.bc-ready .bc-scenarios button:hover { border-color: #dec59e; background: #203a2c; }
html.gifs-refined #root #chatbots.bc-ready .bc-scenarios button[aria-pressed="true"] { color: var(--bc-ink) !important; background: var(--bc-paper); border-color: var(--bc-paper); font-weight: 700; }
html.gifs-refined #root #chatbots.bc-ready .bc-demo-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); align-items: stretch; gap: 28px; }
html.gifs-refined #root #chatbots.bc-ready .bc-demo-grid > * { min-width: 0; }
html.gifs-refined #root #chatbots.bc-ready .bc-conversation { margin: 0; border: 1px solid var(--bc-rule); border-radius: 8px; background: #183026; overflow: hidden; }
html.gifs-refined #root #chatbots.bc-ready .bc-chat-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 20px; padding: 14px 24px; border-bottom: 1px solid var(--bc-rule); }
html.gifs-refined #root #chatbots.bc-ready .bc-chat-head strong { color: var(--bc-paper); font-size: 18px; font-weight: 650; }
html.gifs-refined #root #chatbots.bc-ready .bc-chat-head span { color: var(--bc-muted); font-size: 14px; }
html.gifs-refined #root #chatbots.bc-ready .bc-messages {
  display: grid;
  align-content: start;
  gap: 18px;
  height: clamp(280px, 45vh, 560px);
  min-height: 0;
  min-width: 0;
  list-style: none;
  margin: 0;
  padding: 24px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: #81937d #183026;
}
html.gifs-refined #root #chatbots.bc-ready .bc-message { width: fit-content; max-width: 88%; min-width: 0; margin: 0; padding: 14px 18px; border-radius: 8px; list-style: none; overflow-wrap: anywhere; }
html.gifs-refined #root #chatbots.bc-ready .bc-client { justify-self: end; background: #e5decf; color: #1c3024; border-bottom-right-radius: 2px; }
html.gifs-refined #root #chatbots.bc-ready .bc-bot { justify-self: start; border: 1px solid #9cb09c3d; background: #294435; color: var(--bc-paper); border-bottom-left-radius: 2px; }
html.gifs-refined #root #chatbots.bc-ready .bc-page .bc-speaker { display: block; margin: 0 0 6px; color: inherit; font-size: 12px; font-weight: 700; line-height: 1.4; letter-spacing: .04em; text-transform: uppercase; opacity: .8; }
html.gifs-refined #root #chatbots.bc-ready .bc-message p { font-size: var(--bc-body); line-height: 1.5; color: inherit !important; opacity: 1 !important; white-space: pre-wrap; overflow-wrap: anywhere; }
html.gifs-refined #root #chatbots.bc-ready .bc-result { align-self: start; padding: 30px; border-radius: 8px; background: var(--bc-paper); color: var(--bc-ink); }
html.gifs-refined #root #chatbots.bc-ready .bc-result .bc-kicker { color: #59694e; font-size: 12px; }
html.gifs-refined #root #chatbots.bc-ready .bc-result h3 { margin-top: 12px; font-size: clamp(32px, 2.4vw, 42px) !important; line-height: 1.1 !important; }
html.gifs-refined #root #chatbots.bc-ready .bc-fields { margin: 24px 0; }
html.gifs-refined #root #chatbots.bc-ready .bc-fields > div { display: grid; grid-template-columns: minmax(100px, .7fr) minmax(0, 1.3fr); gap: 10px 24px; padding: 16px 0; border-bottom: 1px solid #11251c24; }
html.gifs-refined #root #chatbots.bc-ready .bc-fields dt { color: #52604d; font-size: 15px; line-height: 1.5; }
html.gifs-refined #root #chatbots.bc-ready .bc-fields dd { min-width: 0; margin: 0; font-size: var(--bc-body); line-height: 1.5; overflow-wrap: anywhere; }
html.gifs-refined #root #chatbots.bc-ready .bc-page .bc-handoff { padding: 18px; border-left: 3px solid #7b8d62; background: #e4e6d7; color: #293b2b !important; font-size: 16px; line-height: 1.6; }
html.gifs-refined #root #chatbots.bc-ready .bc-setup { margin-top: 72px; padding-top: 40px; border-top: 1px solid var(--bc-rule); }
html.gifs-refined #root #chatbots.bc-ready .bc-setup-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; }
html.gifs-refined #root #chatbots.bc-ready .bc-setup-grid > article { min-width: 0; }
html.gifs-refined #root #chatbots.bc-ready .bc-setup-grid h3 { margin: 0 0 16px; font-size: 34px !important; line-height: 1.15 !important; }
html.gifs-refined #root #chatbots.bc-ready .bc-setup-grid p { color: var(--bc-muted); }
html.gifs-refined #root #chatbots.bc-ready .bc-setup-grid article > p + p,
html.gifs-refined #root #chatbots.bc-ready .bc-setup-grid article > .bc-channels + p { margin-top: 18px; }
html.gifs-refined #root #chatbots.bc-ready .bc-channels { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; padding: 0; margin: 24px 0 0; }
html.gifs-refined #root #chatbots.bc-ready .bc-channels li { min-width: 0; margin: 0; padding: 9px 14px; border: 1px solid var(--bc-rule); border-radius: 4px; color: var(--bc-paper); font-size: 16px; list-style: none; }
html.gifs-refined #root #chatbots.bc-ready .bc-steps { list-style: none; counter-reset: bc-step; padding: 0; margin: 0; }
html.gifs-refined #root #chatbots.bc-ready .bc-steps li { position: relative; counter-increment: bc-step; margin: 0; padding: 18px 0 18px 48px; border-bottom: 1px solid var(--bc-rule); }
html.gifs-refined #root #chatbots.bc-ready .bc-steps li:first-child { padding-top: 0; }
html.gifs-refined #root #chatbots.bc-ready .bc-steps li::before { position: absolute; left: 0; content: "0" counter(bc-step); color: var(--bc-gold); font-size: 14px; line-height: 28px; }
html.gifs-refined #root #chatbots.bc-ready .bc-steps strong { display: block; margin-bottom: 6px; color: var(--bc-paper); font-size: var(--bc-body); font-weight: 650; }
html.gifs-refined #root #chatbots.bc-ready .bc-steps p { font-size: 16px; }
html.gifs-refined #root #chatbots.bc-ready .bc-footer { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 26px 64px; align-items: center; margin-top: 72px; padding-top: 40px; border-top: 1px solid var(--bc-rule); }
html.gifs-refined #root #chatbots.bc-ready .bc-footer p { margin-top: 12px; max-width: 62ch; color: var(--bc-muted); }
html.gifs-refined #root #chatbots.bc-ready .bc-footer .bc-home { grid-column: 1 / -1; justify-self: start; color: var(--bc-muted) !important; font-size: 15px !important; }
@media (min-width: 2000px) and (min-aspect-ratio: 2/1) {
  html.gifs-refined #root #chatbots.bc-ready { --bc-body: 22px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-page { width: min(1900px, calc(100% - 160px)); padding-top: 44px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-hero { column-gap: 80px; padding-bottom: 32px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-hero h1 { font-size: 64px !important; }
  html.gifs-refined #root #chatbots.bc-ready .bc-page :is(.bc-primary, .bc-secondary) { font-size: 20px !important; }
  html.gifs-refined #root #chatbots.bc-ready .bc-demo-grid { gap: 36px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-result { padding: 36px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-page :is(.bc-note, .bc-handoff) { font-size: 18px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-scenarios button { font-size: 20px !important; padding-inline: 30px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-fields dt { font-size: 18px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-chat-head strong { font-size: 22px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-messages { padding: 26px; }
}
@media (max-width: 1000px) {
  html.gifs-refined #root #chatbots.bc-ready .bc-page { width: calc(100% - 48px); padding-top: 40px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-hero { grid-template-columns: minmax(0, 1fr); row-gap: 16px; padding-bottom: 30px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-hero > :is(h1, .bc-lead, .bc-actions, .bc-micro) { grid-column: 1; grid-row: auto; }
  html.gifs-refined #root #chatbots.bc-ready .bc-hero h1 { max-width: 22ch !important; font-size: clamp(40px, 5.5vw, 56px) !important; }
  html.gifs-refined #root #chatbots.bc-ready .bc-section-head { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-demo-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-setup-grid { gap: 32px; }
}
@media (max-width: 600px) {
  html.gifs-refined #root #chatbots.bc-ready { --bc-body: 16px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-page { width: calc(100% - 32px); padding-top: 24px; padding-bottom: 26px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-hero { row-gap: 14px; padding-bottom: 26px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-page .bc-kicker { font-size: 11px; letter-spacing: .08em; }
  html.gifs-refined #root #chatbots.bc-ready .bc-hero h1 { font-size: clamp(38px, 10vw, 48px) !important; }
  html.gifs-refined #root #chatbots.bc-ready .bc-actions { align-items: stretch; flex-direction: column; gap: 6px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-page :is(.bc-primary, .bc-secondary) { font-size: 16px !important; }
  html.gifs-refined #root #chatbots.bc-ready .bc-page .bc-primary { padding: 13px 16px; min-height: 50px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-page .bc-micro { font-size: 13px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-example { padding-top: 28px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-section-head { margin-bottom: 20px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-section-head h2,
  html.gifs-refined #root #chatbots.bc-ready .bc-footer h2 { font-size: 34px !important; line-height: 1.1 !important; }
  html.gifs-refined #root #chatbots.bc-ready .bc-page .bc-note { font-size: 14px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-scenarios { gap: 8px; margin-bottom: 18px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-scenarios button { flex: 1 1 auto; min-height: 46px; padding: 10px 12px; font-size: 15px !important; }
  html.gifs-refined #root #chatbots.bc-ready .bc-chat-head { padding: 17px 16px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-chat-head strong { font-size: 16px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-chat-head span { font-size: 12px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-messages { padding: 18px 12px; gap: 14px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-message { max-width: 95%; padding: 12px 13px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-page .bc-speaker { font-size: 10px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-result { padding: 22px 18px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-result h3 { font-size: 32px !important; }
  html.gifs-refined #root #chatbots.bc-ready .bc-fields { margin-block: 20px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-fields > div { grid-template-columns: minmax(0, 1fr); gap: 5px; padding-block: 13px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-fields dt { font-size: 13px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-page .bc-handoff { padding: 14px; font-size: 14px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-setup { margin-top: 44px; padding-top: 28px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-setup-grid { grid-template-columns: minmax(0, 1fr); gap: 34px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-setup-grid h3 { font-size: 30px !important; }
  html.gifs-refined #root #chatbots.bc-ready .bc-channels { margin-top: 18px; gap: 8px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-channels li { font-size: 14px; padding: 7px 11px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-steps li { padding-left: 38px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-steps p { font-size: 15px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-footer { grid-template-columns: minmax(0, 1fr); gap: 20px; margin-top: 44px; padding-top: 28px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-footer .bc-primary { justify-self: stretch; }
}

/* The input and its actions stay outside the scrolling message log. */
html.gifs-refined #root #chatbots.bc-ready .bc-example .bc-section-head h2 { font-size: clamp(32px, 2.6vw, 46px) !important; }
html.gifs-refined #root #chatbots.bc-ready .bc-starters { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
html.gifs-refined #root #chatbots.bc-ready .bc-starters button { display: block; width: 100%; padding: 11px 16px; text-align: left; font-size: 16px !important; }
html.gifs-refined #root #chatbots.bc-ready .bc-chat-head > div:not(.bc-chat-toolbar) { min-width: 0; flex: 1 1 160px; }
html.gifs-refined #root #chatbots.bc-ready .bc-chat-head > div:not(.bc-chat-toolbar) > :is(strong, span) { display: block; }
html.gifs-refined #root #chatbots.bc-ready .bc-chat-toolbar { display: flex; flex: 0 0 auto; align-items: center; margin-left: auto; }
html.gifs-refined #root #chatbots.bc-ready .bc-page :is(.bc-reset, .bc-retry, .bc-send) {
  appearance: none;
  min-height: 44px;
  max-width: 100%;
  margin: 0;
  border-radius: 4px;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0;
  white-space: normal;
  cursor: pointer;
}
html.gifs-refined #root #chatbots.bc-ready .bc-page .bc-reset { padding: 9px 12px; border: 1px solid #a9b9a85c; background: transparent; color: var(--bc-paper) !important; font-size: 14px !important; }
html.gifs-refined #root #chatbots.bc-ready .bc-page .bc-reset:hover:not(:disabled) { background: #284534; border-color: #b9c6b7; }
html.gifs-refined #root #chatbots.bc-ready .bc-composer { display: grid; gap: 10px; margin: 0; padding: 18px 24px; border-top: 1px solid var(--bc-rule); background: #142a20; }
html.gifs-refined #root #chatbots.bc-ready .bc-composer label {
  display: block;
  color: var(--bc-paper);
  font: 600 15px/1.4 ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}
html.gifs-refined #root #chatbots.bc-ready .bc-composer textarea {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 86px;
  max-height: 190px;
  resize: vertical;
  margin: 0;
  padding: 12px 14px;
  border: 1px solid #d4c5ad;
  border-radius: 5px;
  outline-offset: 3px;
  background: #f6ead6;
  color: #11251c !important;
  caret-color: #11251c;
  font: 400 18px/1.5 ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  letter-spacing: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  box-shadow: none;
}
html.gifs-refined #root #chatbots.bc-ready .bc-composer textarea::placeholder { color: #5b6757; opacity: 1; }
html.gifs-refined #root #chatbots.bc-ready .bc-composer textarea:disabled { background: #ddd9cc; color: #42513e !important; cursor: wait; }
html.gifs-refined #root #chatbots.bc-ready .bc-compose-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px 24px; min-width: 0; }
html.gifs-refined #root #chatbots.bc-ready .bc-input-hint { display: block; min-width: 0; max-width: 45ch; color: var(--bc-muted); font: 400 13px/1.45 ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; overflow-wrap: anywhere; }
html.gifs-refined #root #chatbots.bc-ready .bc-page .bc-send { flex: 0 0 auto; min-height: 48px; padding: 12px 24px; border: 1px solid var(--bc-gold); background: var(--bc-gold); color: #11251c !important; font-size: 17px !important; }
html.gifs-refined #root #chatbots.bc-ready .bc-page .bc-send:hover:not(:disabled) { background: #dcc399; border-color: #dcc399; }
html.gifs-refined #root #chatbots.bc-ready .bc-page button:disabled { opacity: .58; cursor: not-allowed; }
html.gifs-refined #root #chatbots.bc-ready .bc-starters button:hover:disabled { background: transparent; border-color: #b7c0b366; }
html.gifs-refined #root #chatbots.bc-ready .bc-error { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 18px; margin: 0; padding: 16px 24px; border-top: 1px solid #d8b19e; background: #f3dfd2; color: #5a2d20; }
html.gifs-refined #root #chatbots.bc-ready .bc-error[hidden] { display: none !important; }
html.gifs-refined #root #chatbots.bc-ready .bc-error p { flex: 1 1 200px; font-size: 15px; line-height: 1.5; color: #5a2d20 !important; }
html.gifs-refined #root #chatbots.bc-ready .bc-page .bc-retry { padding: 9px 14px; border: 1px solid #9e5f47; background: transparent; color: #5a2d20 !important; font-size: 14px !important; }
html.gifs-refined #root #chatbots.bc-ready .bc-page .bc-retry:hover:not(:disabled) { background: #ead0bd; }
html.gifs-refined #root #chatbots.bc-ready .bc-page .bc-status { min-height: 1.6em; margin-top: 12px; }
@media (min-width: 2000px) and (min-aspect-ratio: 2/1) {
  html.gifs-refined #root #chatbots.bc-ready .bc-starters button { font-size: 18px !important; }
  html.gifs-refined #root #chatbots.bc-ready .bc-composer textarea { font-size: 20px !important; }
  html.gifs-refined #root #chatbots.bc-ready .bc-page .bc-send { font-size: 19px !important; }
  html.gifs-refined #root #chatbots.bc-ready .bc-composer label { font-size: 17px !important; }
  html.gifs-refined #root #chatbots.bc-ready .bc-input-hint { font-size: 14px; }
}
@media (max-width: 600px) {
  html.gifs-refined #root #chatbots.bc-ready .bc-starters { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-starters button { padding: 10px 13px; font-size: 15px !important; }
  html.gifs-refined #root #chatbots.bc-ready .bc-chat-head { gap: 8px 12px; padding: 12px 14px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-chat-head > div:not(.bc-chat-toolbar) { flex-basis: 125px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-page .bc-reset { padding-inline: 10px; font-size: 12px !important; }
  html.gifs-refined #root #chatbots.bc-ready .bc-composer { gap: 9px; padding: 15px 14px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-composer label { font-size: 14px !important; }
  html.gifs-refined #root #chatbots.bc-ready .bc-composer textarea { min-height: 86px; padding: 11px 12px; font-size: 16px !important; }
  html.gifs-refined #root #chatbots.bc-ready .bc-compose-actions { flex-wrap: wrap; gap: 10px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-input-hint { flex: 1 1 120px; max-width: none; font-size: 12px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-page .bc-send { min-height: 46px; padding: 11px 18px; font-size: 16px !important; }
  html.gifs-refined #root #chatbots.bc-ready .bc-error { padding: 14px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-error p { font-size: 14px; }
}
@media (max-width: 380px) {
  html.gifs-refined #root #chatbots.bc-ready .bc-page .bc-send { width: 100%; }
}

/* Give the conversation the available screen, with a fixed composer row. */
html.gifs-refined #root #chatbots.bc-ready :is(.bc-mobile-bar, .bc-mobile-notice) { display: none; }
html.gifs-refined #root #chatbots.bc-ready .bc-more { border-top: 1px solid var(--bc-rule); }
html.gifs-refined #root #chatbots.bc-ready .bc-more > summary {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  min-height: 48px; padding: 10px 0; cursor: pointer; list-style: none;
  color: var(--bc-muted); font-size: 16px; line-height: 1.4;
}
html.gifs-refined #root #chatbots.bc-ready .bc-more > summary::-webkit-details-marker { display: none; }
html.gifs-refined #root #chatbots.bc-ready .bc-more > summary span { font-size: 26px; line-height: 1; }
html.gifs-refined #root #chatbots.bc-ready .bc-more[open] > summary span { transform: rotate(45deg); }
html.gifs-refined #root #chatbots.bc-ready .bc-more[open] { padding-bottom: 32px; }
html.gifs-refined #root #chatbots.bc-ready .bc-more .bc-setup { margin-top: 12px; padding-top: 24px; border-top: 0; }
@media (min-width: 1100px) and (min-height: 760px) {
  html.gifs-refined #root #chatbots.bc-ready { --bc-body: clamp(18px, 1.15vw, 26px); }
  html.gifs-refined #root #chatbots.bc-ready .bc-page { width: min(2960px, calc(100% - 96px)); padding: 0; }
  html.gifs-refined #root #chatbots.bc-ready .bc-workspace {
    height: calc(100dvh - 128px); min-height: 0;
    display: grid; grid-template-rows: auto minmax(0, 1fr); padding: 18px 0 14px;
  }
  html.gifs-refined #root #chatbots.bc-ready .bc-hero {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr) auto;
    grid-template-rows: auto 1fr; align-items: center; gap: 6px 36px; padding-bottom: 18px;
  }
  html.gifs-refined #root #chatbots.bc-ready .bc-hero > .bc-kicker { grid-column: 1; grid-row: 1; }
  html.gifs-refined #root #chatbots.bc-ready .bc-hero h1 {
    grid-column: 1; grid-row: 2; font-size: clamp(34px, 2.2vw, 54px) !important;
  }
  html.gifs-refined #root #chatbots.bc-ready .bc-hero > .bc-lead {
    grid-column: 2; grid-row: 1 / span 2; max-width: 48ch; font-size: clamp(17px, .9vw, 23px); line-height: 1.5;
  }
  html.gifs-refined #root #chatbots.bc-ready .bc-hero > .bc-actions { grid-column: 3; grid-row: 1 / span 2; }
  html.gifs-refined #root #chatbots.bc-ready .bc-hero :is(.bc-micro, .bc-secondary) { display: none; }
  html.gifs-refined #root #chatbots.bc-ready .bc-example {
    min-height: 0; display: grid; grid-template-rows: auto minmax(0, 1fr) auto auto;
    gap: 8px; padding-top: 14px;
  }
  html.gifs-refined #root #chatbots.bc-ready .bc-example > .bc-section-head {
    position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); padding: 0; margin: 0;
  }
  html.gifs-refined #root #chatbots.bc-ready .bc-starters { margin: 0 0 4px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-starters button { min-height: 46px; font-size: clamp(16px, .8vw, 20px) !important; }
  html.gifs-refined #root #chatbots.bc-ready .bc-demo-grid { min-height: 0; grid-template-columns: minmax(0, 1fr) clamp(320px, 23vw, 680px); gap: 24px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-conversation { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; min-height: 0; }
  html.gifs-refined #root #chatbots.bc-ready .bc-chat-head { padding: 12px 24px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-chat-head strong { font-size: clamp(19px, 1vw, 26px); }
  html.gifs-refined #root #chatbots.bc-ready .bc-chat-head span { font-size: 15px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-messages { height: auto; min-height: 0; padding: 24px; gap: 16px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-message { max-width: min(88%, 78ch); padding: 16px 22px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-composer { padding: 12px 24px 16px; gap: 8px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-composer textarea {
    height: 86px; min-height: 86px; max-height: 86px; resize: none; font-size: clamp(18px, 1vw, 24px) !important;
  }
  html.gifs-refined #root #chatbots.bc-ready .bc-page .bc-send { min-height: 50px; padding: 12px 30px; font-size: 20px !important; }
  html.gifs-refined #root #chatbots.bc-ready .bc-result { min-height: 0; max-height: 100%; overflow-y: auto; padding: clamp(20px, 1.2vw, 32px); }
  html.gifs-refined #root #chatbots.bc-ready .bc-fields { margin: 16px 0; }
  html.gifs-refined #root #chatbots.bc-ready .bc-fields > div { grid-template-columns: minmax(0, 1fr); gap: 4px; padding: 12px 0; }
  html.gifs-refined #root #chatbots.bc-ready .bc-fields dd { font-size: clamp(18px, 1vw, 24px); }
  html.gifs-refined #root #chatbots.bc-ready .bc-page .bc-handoff { padding: 14px; font-size: 16px; line-height: 1.5; }
  html.gifs-refined #root #chatbots.bc-ready .bc-page .bc-status { min-height: 22px; margin: 0; font-size: 15px; line-height: 22px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-page .bc-privacy { font-size: 14px; line-height: 1.4; }
  html.gifs-refined #root #chatbots.bc-ready .bc-more > summary { height: 48px; }
}
@media (min-width: 1100px) and (min-height: 760px) and (max-height: 1050px) {
  html.gifs-refined #root #chatbots.bc-ready .bc-workspace { padding-top: 12px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-hero { padding-bottom: 12px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-hero > .bc-kicker { display: none; }
  html.gifs-refined #root #chatbots.bc-ready .bc-hero h1 { grid-row: 1 / span 2; font-size: 34px !important; }
  html.gifs-refined #root #chatbots.bc-ready .bc-hero > .bc-lead { font-size: 17px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-chat-head { padding-block: 8px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-composer label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  html.gifs-refined #root #chatbots.bc-ready .bc-composer textarea { height: 76px; min-height: 76px; max-height: 76px; }
}

/* Mobile app shell follows the visual viewport, including keyboard panning. */
@media (max-width: 1099px) {
  html.bc-mobile-active, html.bc-mobile-active body { overflow: hidden !important; overscroll-behavior: none; }
  html.bc-mobile-active .masthead { display: none !important; }
  html.gifs-refined #root #chatbots.bc-ready .bc-page {
    position: fixed; z-index: 90; top: var(--bc-vtop, 0px); left: 0;
    width: 100%; height: var(--bc-vh, 100dvh); min-height: 0; margin: 0; padding: 0;
    overflow: hidden; background: var(--bc-ink); --bc-body: 16px;
  }
  html.gifs-refined #root #chatbots.bc-ready .bc-workspace {
    height: 100%; min-height: 0; display: grid; grid-template-rows: auto minmax(0, 1fr); padding: 0;
  }
  html.gifs-refined #root #chatbots.bc-ready .bc-mobile-bar {
    display: flex; align-items: center; justify-content: space-between; gap: 8px;
    min-height: 52px; padding: max(4px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 4px max(12px, env(safe-area-inset-left));
    border-bottom: 1px solid var(--bc-rule); background: #10231a;
  }
  html.gifs-refined #root #chatbots.bc-ready .bc-mobile-bar :is(a,button) {
    display: inline-flex; align-items: center; min-height: 44px; padding: 6px 4px;
    border: 0; background: transparent; color: var(--bc-paper); font-size: 14px; font-weight: 600; text-decoration: none; cursor: pointer;
  }
  html.gifs-refined #root #chatbots.bc-ready .bc-mobile-bar strong { font-size: 15px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-hero,
  html.gifs-refined #root #chatbots.bc-ready .bc-example > :is(.bc-section-head, .bc-status, .bc-privacy) {
    position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); margin: 0; padding: 0;
  }
  html.gifs-refined #root #chatbots.bc-ready .bc-hero .bc-actions { visibility: hidden; }
  html.gifs-refined #root #chatbots.bc-ready .bc-example {
    display: grid; grid-template-rows: auto minmax(0, 1fr); gap: 0; min-height: 0; padding: 0; border: 0;
  }
  html.gifs-refined #root #chatbots.bc-ready .bc-starters {
    display: flex; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; gap: 8px; margin: 0; padding: 6px 12px;
  }
  html.gifs-refined #root #chatbots.bc-ready .bc-starters button { width: auto; flex: 0 0 auto; min-height: 40px; padding: 8px 12px; font-size: 13px !important; }
  html.gifs-refined #root #chatbots.bc-ready .bc-demo-grid { display: grid; grid-template-columns: minmax(0, 1fr); min-height: 0; gap: 0; }
  html.gifs-refined #root #chatbots.bc-ready .bc-demo-grid > .bc-result,
  html.gifs-refined #root #chatbots.bc-ready .bc-page > .bc-more { display: none; }
  html.gifs-refined #root #chatbots.bc-ready .bc-conversation {
    display: grid; grid-template-rows: auto minmax(0, 1fr) auto; min-height: 0; border-radius: 0; border-inline: 0; border-bottom: 0;
  }
  html.gifs-refined #root #chatbots.bc-ready .bc-chat-head { flex-wrap: nowrap; gap: 8px; padding: 6px 12px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-chat-head strong { font-size: 14px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-chat-head span { font-size: 12px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-chat-head > div:not(.bc-chat-toolbar) { flex-basis: auto; }
  html.gifs-refined #root #chatbots.bc-ready .bc-page .bc-reset { font-size: 12px !important; padding: 8px 10px; min-height: 44px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-messages { min-height: 0; height: auto; padding: 12px; gap: 12px; -webkit-overflow-scrolling: touch; }
  html.gifs-refined #root #chatbots.bc-ready .bc-message { max-width: 94%; padding: 10px 12px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-message p { font-size: 16px; line-height: 1.45; }
  html.gifs-refined #root #chatbots.bc-ready .bc-composer {
    grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 6px 8px;
    padding: 8px max(12px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));
  }
  html.gifs-refined #root #chatbots.bc-ready .bc-composer :is(label,.bc-input-hint) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  html.gifs-refined #root #chatbots.bc-ready .bc-composer textarea {
    grid-column: 1; grid-row: 1; height: 62px; min-height: 62px; max-height: 62px; resize: none; padding: 9px 10px; font-size: 16px !important; line-height: 1.35;
  }
  html.gifs-refined #root #chatbots.bc-ready .bc-compose-actions { display: contents; }
  html.gifs-refined #root #chatbots.bc-ready .bc-page .bc-send {
    grid-column: 2; grid-row: 1; width: auto; height: 62px; min-height: 44px; padding: 10px 12px; font-size: 14px !important; white-space: nowrap;
  }
  html.gifs-refined #root #chatbots.bc-ready .bc-error { grid-column: 1 / -1; padding: 8px; gap: 6px; max-height: 86px; overflow-y: auto; }
  html.gifs-refined #root #chatbots.bc-ready .bc-error p { flex-basis: 180px; font-size: 13px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-page .bc-mobile-notice { display: block; grid-column: 1 / -1; font-size: 11px; line-height: 1.4; color: var(--bc-muted); }
  html.gifs-refined #root #chatbots.bc-ready .bc-mobile-notice button { display: inline; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; text-decoration: underline; cursor: pointer; }
  html.gifs-refined #root #chatbots.bc-ready .bc-page.bc-compact .bc-starters,
  html.gifs-refined #root #chatbots.bc-ready .bc-page.bc-compact .bc-mobile-notice { display: none; }
  html.gifs-refined #root #chatbots.bc-ready .bc-page.bc-compact .bc-mobile-bar { min-height: 44px; padding-block: env(safe-area-inset-top) 0; }
  html.gifs-refined #root #chatbots.bc-ready .bc-page.bc-compact .bc-example { grid-template-rows: minmax(0, 1fr); }
  html.gifs-refined #root #chatbots.bc-ready .bc-page.bc-tight .bc-chat-head { display: none; }
  html.gifs-refined #root #chatbots.bc-ready .bc-page.bc-tight .bc-conversation { grid-template-rows: minmax(0, 1fr) auto; }
  html.gifs-refined #root #chatbots.bc-ready .bc-page.bc-tight .bc-error { max-height: 54px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-info-dialog {
    position: fixed; inset: auto; top: calc(var(--bc-vtop, 0px) + max(8px, env(safe-area-inset-top))); left: 8px;
    width: calc(100% - 16px); max-width: none; max-height: calc(var(--bc-vh, 100dvh) - max(8px, env(safe-area-inset-top)) - max(8px, env(safe-area-inset-bottom)));
    margin: 0; padding: 16px; overflow-y: auto; border: 1px solid #c2a16f; border-radius: 12px;
    background: var(--bc-ink); color: var(--bc-paper);
  }
  html.gifs-refined #root #chatbots.bc-ready .bc-info-dialog::backdrop { background: #0009; }
  html.gifs-refined #root #chatbots.bc-ready .bc-info-dialog > header { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-info-dialog h2 { font-size: 28px !important; }
  html.gifs-refined #root #chatbots.bc-ready .bc-info-close { min-height: 44px; padding: 8px; border: 1px solid var(--bc-rule); border-radius: 4px; background: transparent; color: var(--bc-paper); font-size: 14px; cursor: pointer; }
  html.gifs-refined #root #chatbots.bc-ready .bc-info-content > * + * { margin-top: 18px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-info-content { margin-top: 18px; }
  html.gifs-refined #root #chatbots.bc-ready .bc-info-content .bc-result { padding: 20px; }
}