.awict-demo-widget {
  --ad-button-bg: #4f46e5; --ad-button-text: #fff;
  --ad-header-bg: #162447; --ad-header-text: #fff;
  --ad-chat-bg: #fff; --ad-bot-bg: #f1f5f9; --ad-bot-text: #334155;
  --ad-user-bg: #4f46e5; --ad-user-text: #fff; --ad-accent: #4f46e5;
  --ad-button-size: 56px; --ad-width: 380px; --ad-radius: 24px;
  --ad-font-size: 14px; --ad-offset-x: 24px; --ad-offset-y: 24px;
  --ad-shadow: 0 16px 60px #0f172a24, 0 2px 8px #0f172a0a;
  position: fixed; z-index: 99980; bottom: max(var(--ad-offset-y), env(safe-area-inset-bottom));
  right: var(--ad-offset-x); width: max-content; max-width: calc(100vw - 2 * var(--ad-offset-x));
  font: 400 var(--ad-font-size)/1.55 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ad-bot-text); text-align: left; letter-spacing: normal;
  -webkit-font-smoothing: antialiased; isolation: isolate;
}
.awict-demo-widget, .awict-demo-widget * { box-sizing: border-box; }
.awict-demo-widget [hidden] { display: none !important; }
.awict-demo-widget[data-position="left"] { left: var(--ad-offset-x); right: auto; }
.awict-demo-widget button, .awict-demo-widget textarea { font: inherit; letter-spacing: normal; text-transform: none; margin: 0; }
.awict-demo-widget button { display: inline-flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: none; transition: filter .15s, transform .15s; }
.awict-demo-widget button:hover { filter: brightness(.96); }
.awict-demo-widget :is(button, textarea, a):focus-visible { outline: 3px solid #f59e0b; outline-offset: 3px; }
.awict-demo-widget button:disabled { cursor: wait; opacity: .55; }
.awict-demo-widget svg { display: block; width: 22px; height: 22px; flex-shrink: 0; }
.awict-demo-widget .awict-demo-launch {
  min-height: var(--ad-button-size); height: var(--ad-button-size); gap: 11px;
  padding: 0 22px; border: 0; border-radius: 999px; background: var(--ad-button-bg);
  color: var(--ad-button-text); box-shadow: 0 8px 26px #0f172a26;
  font-size: 14px; font-weight: 600; line-height: 1.2; white-space: nowrap;
}
.awict-demo-widget[data-shape="rounded"] .awict-demo-launch { border-radius: 14px; }
.awict-demo-widget[data-shape="circle"] .awict-demo-launch { width: var(--ad-button-size); padding: 0; }
.awict-demo-widget[data-shape="circle"] .awict-demo-launch-label,
.awict-demo-widget[data-shape="circle"] .awict-demo-launch-dot { display: none; }
.awict-demo-launch-dot { height: 7px; width: 7px; border-radius: 50%; background: currentColor; opacity: .75; margin-left: 2px; flex-shrink: 0; }
.awict-demo-window {
  position: absolute; right: 0; bottom: calc(100% + 14px);
  width: var(--ad-width); max-width: calc(100vw - 2 * var(--ad-offset-x));
  height: 555px; max-height: calc(100dvh - var(--ad-button-size) - var(--ad-offset-y) - 38px);
  display: flex; flex-direction: column; overflow: hidden;
  border: 1px solid #94a3b82e; border-radius: var(--ad-radius);
  background: var(--ad-chat-bg); box-shadow: var(--ad-shadow); animation: awict-demo-in .18s ease-out;
}
.awict-demo-widget[data-position="left"] .awict-demo-window { left: 0; right: auto; }
.awict-demo-widget .awict-demo-window-head { display: flex; align-items: center; gap: 11px; padding: 18px; background: var(--ad-header-bg); color: var(--ad-header-text); flex-shrink: 0; }
.awict-demo-avatar { position: relative; display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; flex: 0 0 42px; border-radius: 14px; background: #ffffff1c; color: var(--ad-header-text); }
.awict-demo-widget .awict-demo-avatar-image { width: 100%; height: 100%; object-fit: contain; border-radius: inherit; }
.awict-demo-widget[data-has-logo="true"] .awict-demo-avatar > svg { display: none; }
.awict-demo-online { position: absolute; width: 10px; height: 10px; border: 2px solid var(--ad-header-bg); border-radius: 50%; background: #6ee7b7; right: -2px; bottom: 1px; }
.awict-demo-identity { flex: 1; min-width: 0; }
.awict-demo-agent { display: block; font-size: .95em; font-weight: 600; overflow-wrap: anywhere; line-height: 1.4; }
.awict-demo-availability { display: block; font-size: 10px; opacity: .75; margin-top: 3px; line-height: 1.4; }
.awict-demo-widget .awict-demo-icon-button { width: 32px; min-width: 32px; height: 36px; padding: 5px; border: 0; border-radius: 8px; background: transparent; color: inherit; }
.awict-demo-widget .awict-demo-icon-button:hover { background: #ffffff16; }
.awict-demo-widget .awict-demo-icon-button svg { width: 17px; height: 17px; }
.awict-demo-welcome { padding: 22px 22px 12px; flex-shrink: 0; }
.awict-demo-widget .awict-demo-welcome h2 { margin: 0 0 7px; padding: 0; font: 650 1.5em/1.25 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: var(--ad-bot-text); letter-spacing: -.035em; overflow-wrap: anywhere; }
.awict-demo-widget .awict-demo-welcome p { margin: 0; font: inherit; font-size: .9em; color: var(--ad-bot-text); opacity: .7; }
.awict-demo-log { flex: 1 1 auto; min-height: 45px; overflow-y: auto; padding: 10px 20px 4px; overscroll-behavior: contain; scrollbar-width: thin; }
.awict-demo-message { max-width: 94%; padding: 13px 15px; margin: 0 0 12px; border-radius: 16px 16px 16px 4px; background: var(--ad-bot-bg); color: var(--ad-bot-text); overflow-wrap: anywhere; }
.awict-demo-message.is-user { margin-left: auto; border-radius: 16px 16px 4px 16px; background: var(--ad-user-bg); color: var(--ad-user-text); }
.awict-demo-widget .awict-demo-message p { margin: 0; font: inherit; line-height: 1.6; color: inherit; white-space: pre-wrap; }
.awict-demo-message-meta { display: block; font-size: 10px; opacity: .65; margin-top: 7px; line-height: 1.4; }
.awict-demo-suggestions { flex: 0 0 auto; display: flex; flex-wrap: wrap; gap: 7px; padding: 8px 20px 16px; }
.awict-demo-widget .awict-demo-suggestion { border: 1px solid #94a3b84d; padding: 8px 11px; border-radius: 9px; min-height: 36px; background: var(--ad-chat-bg); color: var(--ad-bot-text); font-size: .8em; line-height: 1.3; text-align: left; overflow-wrap: anywhere; max-width: 100%; gap: 8px; }
.awict-demo-widget .awict-demo-suggestion svg { width: 13px; height: 13px; color: var(--ad-accent); }
.awict-demo-typing { display: flex; align-items: center; gap: 4px; padding: 0 22px 10px; margin: 0; flex-shrink: 0; }
.awict-demo-typing > span:not(.awict-demo-sr) { width: 5px; height: 5px; border-radius: 50%; background: var(--ad-accent); animation: awict-demo-dot .9s infinite alternate; }
.awict-demo-typing > span:nth-child(2) { animation-delay: .15s; }
.awict-demo-typing > span:nth-child(3) { animation-delay: .3s; }
.awict-demo-widget .awict-demo-composer { display: flex; flex: 0 0 auto; align-items: flex-end; gap: 8px; border: 1px solid #94a3b84d; margin: 2px 18px 0; padding: 7px; border-radius: 13px; background: var(--ad-chat-bg); }
.awict-demo-widget .awict-demo-composer:focus-within { border-color: var(--ad-accent); }
.awict-demo-widget .awict-demo-composer textarea { display: block; flex: 1 1 auto; min-width: 0; width: 100%; height: 38px; min-height: 38px; max-height: 84px; resize: none; border: 0; border-radius: 5px; padding: 9px 6px; background: transparent; color: var(--ad-bot-text); outline-offset: 0; box-shadow: none; line-height: 1.4; }
.awict-demo-widget .awict-demo-composer textarea::placeholder { color: var(--ad-bot-text); opacity: .5; }
.awict-demo-widget .awict-demo-send { height: 38px; width: 38px; min-width: 38px; border: 0; border-radius: 9px; padding: 9px; background: var(--ad-accent); color: #fff; }
.awict-demo-widget .awict-demo-send svg { width: 18px; height: 18px; }
.awict-demo-widget .awict-demo-powered { flex-shrink: 0; font: inherit; font-size: 9px; text-align: center; margin: 11px 18px 13px; line-height: 1.4; color: var(--ad-bot-text); opacity: .6; overflow-wrap: anywhere; }
.awict-demo-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.awict-demo-widget.is-preview { position: absolute; z-index: 2; }
.awict-demo-widget.is-preview .awict-demo-window { height: 525px; max-height: calc(var(--ad-preview-height, 650px) - var(--ad-button-size) - 2 * var(--ad-offset-y) - 14px); max-width: calc(var(--ad-preview-width, 480px) - 2 * var(--ad-offset-x)); }
@keyframes awict-demo-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes awict-demo-dot { from { opacity: .3; transform: translateY(1px); } to { opacity: 1; transform: translateY(-2px); } }
@media (max-width: 480px) {
  .awict-demo-widget:not(.is-preview) { --ad-offset-x: 16px !important; }
  .awict-demo-widget .awict-demo-composer textarea { font-size: 16px; }
  .awict-demo-widget .awict-demo-window-head { padding: 14px; gap: 8px; }
  .awict-demo-welcome { padding-top: 18px; }
}
@media (prefers-reduced-motion: reduce) { .awict-demo-widget *, .awict-demo-widget *::before, .awict-demo-widget *::after { animation: none !important; transition: none !important; } }