.anna-chat{--anna-bg:var(--brand-surface,#172635);--anna-text:var(--brand-text,#f8f5ef);font-family:var(--sans,Montserrat,sans-serif);color:var(--anna-text);position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:80;font-size:14px;line-height:1.5}
.anna-chat [hidden]{display:none!important}.anna-chat button,.anna-chat textarea{font:inherit}.anna-chat button{cursor:pointer}.anna-launch{display:flex;align-items:center;gap:9px;border:1px solid var(--brand-line);border-radius:100px;padding:10px 15px;background:var(--anna-bg);color:var(--anna-text);box-shadow:0 4px 16px #0002}.anna-symbol{font-size:20px;color:var(--brand-accent);line-height:1}.anna-chat button:focus-visible,.anna-chat textarea:focus-visible{outline:3px solid var(--brand-accent);outline-offset:3px}
.anna-panel{width:min(380px,calc(100vw - 32px));height:min(520px,calc(100dvh - 160px));display:flex;flex-direction:column;background:var(--anna-bg);border:1px solid var(--brand-line);border-radius:20px;box-shadow:0 12px 44px #0004;margin-bottom:10px;overflow:hidden}.anna-head{padding:16px 18px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--brand-line);background:var(--brand-soft);flex-shrink:0}.anna-head strong{display:block;font-size:18px}.anna-head small{color:var(--brand-muted)}.anna-close{margin-left:auto;border:0;background:transparent;color:inherit;font-size:24px!important;padding:4px 8px}.anna-log{flex:1;min-height:0;overflow:auto;padding:16px;overscroll-behavior:contain}.anna-message{margin:0 28px 12px 0;padding:12px 14px;border-radius:16px 16px 16px 3px;background:var(--brand-soft);white-space:pre-wrap;overflow-wrap:anywhere}.anna-message[data-role=user]{margin:0 0 12px 28px;border-radius:16px 16px 3px 16px;background:var(--brand-action);color:var(--brand-action-text)}.anna-status{margin:0 16px 8px;color:var(--brand-muted);font-size:12px}.anna-form{padding:12px 14px;border-top:1px solid var(--brand-line);display:flex;gap:8px}.anna-form textarea{flex:1;min-width:0;height:48px;max-height:110px;resize:vertical;border:1px solid var(--brand-line);border-radius:12px;background:var(--brand-bg);color:inherit;padding:10px}.anna-send{border:0;border-radius:12px;background:var(--brand-action);color:var(--brand-action-text);padding:8px 14px}.anna-send:disabled{opacity:.5;cursor:wait}.anna-disclosure{font-size:11px;line-height:1.4;margin:0;padding:0 14px 12px;color:var(--brand-muted)}.anna-disclosure a{color:inherit;text-decoration:underline}.anna-nudge{position:absolute;right:0;bottom:60px;width:min(280px,calc(100vw - 32px));background:var(--anna-bg);border:1px solid var(--brand-line);box-shadow:0 6px 20px #0003;border-radius:16px;padding:12px 36px 12px 14px}.anna-nudge>button:first-child{border:0;background:none;color:inherit;text-align:left;padding:0}.anna-nudge-close{position:absolute;right:6px;top:6px;border:0;background:none;color:inherit;font-size:20px!important}
html[data-season^=halloween] .anna-head{background-image:linear-gradient(120deg,transparent,var(--brand-soft)),var(--season-background-form);background-size:cover;background-position:right center}html[data-season^=christmas] .anna-head{background-image:linear-gradient(120deg,transparent,var(--brand-soft)),var(--season-background-form);background-size:cover;background-position:right center}
body[data-page=studio] .anna-chat{bottom:auto;top:80px}body[data-page=studio] .anna-panel{margin-top:10px}.anna-chat:has(.anna-panel:not([hidden])) .anna-nudge{display:none}
@media(max-width:760px){.anna-chat{right:12px;bottom:max(12px,env(safe-area-inset-bottom))}.anna-launch{padding:10px 12px}.anna-panel{width:calc(100vw - 24px);height:min(510px,calc(100dvh - 160px))}body[data-page=studio] .anna-chat{top:72px}.anna-launch .anna-name{display:none}body[data-page=studio] .anna-nudge{bottom:auto;top:54px}}
@media(prefers-reduced-motion:reduce){.anna-chat *{scroll-behavior:auto}}

/* The launcher owns a header slot; it never floats over purchase or design tools. */
.anna-chat,body[data-page=studio] .anna-chat{position:static;display:flex;align-items:center;margin-left:6px}
.anna-launch{height:44px;padding:8px 10px;box-shadow:none}
.anna-panel,body[data-page=studio] .anna-panel{position:fixed;top:var(--anna-top,116px);right:12px;margin:0;height:min(520px,calc(100dvh - var(--anna-top,116px) - 16px));z-index:90}
.anna-nudge,body[data-page=studio] .anna-nudge{position:fixed;top:var(--anna-top,116px);right:12px;bottom:auto;z-index:90}
@media(max-width:760px){.anna-launch{width:44px;padding:8px;justify-content:center}.anna-chat{margin-left:2px}}

@media(max-width:360px){html[data-theme] body .public-header:has(.anna-chat) .logo-name{font-size:12px}html[data-theme] body .public-header:has(.anna-chat) .logo-sub{font-size:5.5px}}

/* Separate floating help control: the basket keeps its header space. */
.anna-chat,body[data-page=studio] .anna-chat{position:fixed;top:auto;right:max(10px,env(safe-area-inset-right));bottom:max(var(--anna-bottom,20px),env(safe-area-inset-bottom));display:block;margin:0;z-index:80}
.anna-launch{height:46px;width:auto;padding:10px 16px;gap:9px;border-radius:999px;box-shadow:0 4px 16px #0002}
.anna-launch .anna-name{display:inline;font-weight:600}
.anna-chat-icon{width:23px;height:23px;flex:none;color:var(--brand-accent)}
.anna-panel,body[data-page=studio] .anna-panel{position:absolute;top:auto;right:0;bottom:56px;margin:0;width:min(380px,calc(100vw - 20px));height:min(520px,calc(100dvh - var(--anna-bottom,20px) - 76px))}
.anna-nudge,body[data-page=studio] .anna-nudge{position:absolute;top:auto;right:0;bottom:56px}
body:has(dialog[open],#cookiePanel)>.anna-chat{visibility:hidden;pointer-events:none}
@media(max-width:760px){.anna-launch{width:auto;padding:10px 14px}.anna-panel{width:calc(100vw - 20px)}}
