.ayla-chat{--ayla-accent:var(--wp--preset--color--primary,var(--e-global-color-primary,var(--primary-color,#0f766e)));--ayla-on-accent:var(--wp--preset--color--base,#fff);--ayla-surface:var(--wp--preset--color--base,#fff);--ayla-text:var(--wp--preset--color--contrast,#172033);--ayla-muted:color-mix(in srgb,var(--ayla-text) 8%,var(--ayla-surface));--ayla-border:color-mix(in srgb,var(--ayla-text) 18%,var(--ayla-surface));position:fixed;right:20px;bottom:20px;z-index:99999;font-family:inherit;color:var(--ayla-text)}
.ayla-chat__toggle{width:64px;height:64px;padding:0;border:2px solid var(--ayla-surface);border-radius:50%;background:var(--ayla-accent);box-shadow:0 8px 22px color-mix(in srgb,var(--ayla-text) 25%,transparent);cursor:pointer;overflow:hidden}
.ayla-chat__toggle img{display:block;width:100%;height:100%;object-fit:cover}
.ayla-chat__panel{width:min(360px,calc(100vw - 32px));margin:8px 0 0;background:var(--ayla-surface);border:1px solid var(--ayla-border);box-shadow:0 12px 32px color-mix(in srgb,var(--ayla-text) 24%,transparent)}
.ayla-chat--large .ayla-chat__panel{width:min(520px,calc(100vw - 32px))}.ayla-chat--large .ayla-chat__messages{max-height:min(62vh,620px)}
.ayla-chat__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:var(--ayla-accent);color:var(--ayla-on-accent)}
.ayla-chat__title{margin:0;font-size:16px}.ayla-chat__size{display:flex;gap:4px}.ayla-chat__icon{width:30px;height:30px;padding:0;border:1px solid currentColor;border-radius:4px;background:transparent;color:inherit;cursor:pointer;font-size:18px;line-height:1}.ayla-chat__icon:focus-visible,.ayla-chat__toggle:focus-visible{outline:3px solid var(--ayla-on-accent);outline-offset:2px}
.ayla-chat__messages{max-height:320px;overflow:auto;padding:12px}.ayla-chat__message{padding:8px 10px;margin:0 0 8px;background:var(--ayla-muted)}.ayla-chat__message--out{background:color-mix(in srgb,var(--ayla-accent) 18%,var(--ayla-surface))}
.ayla-chat__form{display:grid;gap:8px;padding:12px;border-top:1px solid var(--ayla-border)}.ayla-chat__form input{padding:10px;border:1px solid var(--ayla-border);border-radius:0;background:var(--ayla-surface);color:var(--ayla-text)}.ayla-chat__form button{padding:11px 16px;border:0;border-radius:0;background:var(--ayla-accent);color:var(--ayla-on-accent);cursor:pointer}.ayla-chat__form button:disabled{opacity:.6;cursor:wait}.ayla-chat__visitor-fields{display:grid;gap:8px}.ayla-chat__visitor-fields[hidden]{display:none}
.ayla-chat__brand{display:block;padding:0 12px 12px;color:var(--ayla-text);font-size:12px;text-align:center}.ayla-chat__brand a{color:inherit;text-decoration:underline}
@media (max-width:480px){.ayla-chat{right:16px;bottom:16px}.ayla-chat__panel,.ayla-chat--large .ayla-chat__panel{width:calc(100vw - 32px)}.ayla-chat--large .ayla-chat__messages{max-height:55vh}}