.vex-avatar{--vxa-accent:#19b5ee;position:absolute;z-index:36;bottom:24px;left:24px;width:var(--vxa-width,280px);height:calc(var(--vxa-width,280px)*1.6);max-height:calc(100dvh - 130px);pointer-events:none;font-family:inherit;color:#e7f5ff;box-sizing:border-box;text-align:center}
.vex-avatar[data-side=right]{left:auto;right:90px}.vex-avatar[hidden],.vex-avatar [hidden]{display:none!important}.vex-avatar *{box-sizing:border-box}
.vxa-stage{position:absolute;inset:0 0 65px;filter:drop-shadow(0 12px 10px #0005)}.vxa-stage canvas{display:block;width:100%;height:100%;pointer-events:none}
.vxa-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;flex-direction:column;gap:7px;pointer-events:auto}.vxa-state{font-size:11px;line-height:1.35;max-width:100%;padding:5px 10px;border-radius:12px;background:#052034df;color:#deefff;overflow-wrap:anywhere}
.vxa-talk,.vxa-expand{font-family:inherit!important;font-weight:600!important;font-size:12px!important;line-height:1.3!important;color:#fff!important;background:#06374eea!important;border:1px solid var(--vxa-accent)!important;border-radius:24px!important;padding:10px 15px!important;cursor:pointer;box-shadow:0 5px 22px #0004;min-height:40px}.vxa-talk.is-active{background:#963343!important;border-color:#fa9aac!important}.vxa-expand{pointer-events:auto}
.vxa-minimize{position:absolute;right:10px;top:12px;width:30px;height:30px;border:1px solid #ffffff40!important;border-radius:50%!important;background:#062339cc!important;color:#fff!important;font-size:22px!important;line-height:24px!important;pointer-events:auto;cursor:pointer;padding:0!important}
.vxa-loading{position:absolute;top:35%;left:0;right:0;background:#092639ee;border:1px solid #4082a770;border-radius:14px;padding:18px;font-size:12px;line-height:1.5;pointer-events:auto}.vxa-loading progress{display:block;width:100%;height:7px;margin-top:12px;accent-color:var(--vxa-accent)}.vxa-loading button{display:block;margin:10px auto 0;padding:8px 12px;cursor:pointer;background:#fff;color:#153c51;border:0;border-radius:8px}
.vex-avatar.is-minimized{height:auto;max-height:none}.vex-avatar.is-minimized .vxa-stage,.vex-avatar.is-minimized .vxa-loading,.vex-avatar.is-minimized .vxa-minimize{display:none}.vex-avatar.is-minimized .vxa-controls{position:static;margin-bottom:8px}
#vex-ar-app.vex-avatar-ready #vex-action-agent,#vex-ar-app.vex-avatar-ready #vex-voice-status,#vex-ar-app.vex-avatar-ready .vex-agent-intro{display:none!important}
.vex-avatar button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.vex-avatar-admin{max-width:1280px}.vxa-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:24px 0}.vxa-heading h1{font-weight:600}.vxa-heading p{color:#536779}.vxa-admin-grid{display:grid;grid-template-columns:minmax(300px,1fr) minmax(320px,1.1fr);gap:24px;align-items:start}.vxa-settings,.vxa-preview-panel{padding:26px;background:#fff;border:1px solid #d5e0e7;border-radius:18px}.vxa-check{display:flex;gap:10px;margin:16px 0;align-items:center}.vxa-field{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;margin:14px 0}.vxa-field input,.vxa-field select{width:100%;min-width:0}.vxa-custom-model{background:#f1f7fb;padding:12px;border-radius:10px}.vxa-custom-model[hidden]{display:none}.vxa-preview-panel{position:sticky;top:48px}.vxa-preview-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.vxa-preview-panel .description{line-height:1.6}
#vex-avatar-preview{position:relative;height:580px;max-height:70vh;background:radial-gradient(ellipse at 50% 75%,#17455d 0,#0a1d2e 55%,#040e18 100%);border-radius:16px;overflow:hidden}#vex-avatar-preview .vex-avatar{inset:0;width:100%;height:100%;max-height:none}#vex-avatar-preview .vxa-stage{inset:0}#vex-avatar-preview .vxa-minimize{display:none}
@media(max-width:700px){.vex-avatar{left:8px;bottom:86px;width:var(--vxa-mobile-width,160px);height:calc(var(--vxa-mobile-width,160px)*1.9);max-height:calc(100dvh - 190px)}.vex-avatar[data-side=right]{right:62px}.vxa-stage{bottom:85px}.vxa-talk{font-size:10px!important;padding:9px 11px!important;max-width:100%}.vxa-state{font-size:9px;padding:4px 6px}.vxa-minimize{right:0;top:0;width:25px;height:25px}.vxa-admin-grid{grid-template-columns:1fr}.vxa-preview-panel{position:static}.vxa-heading{align-items:flex-start;flex-direction:column}.vxa-loading{padding:12px;font-size:11px}}
@media(max-height:500px) and (orientation:landscape){.vex-avatar{bottom:8px;height:260px;max-height:calc(100dvh - 50px);width:150px}.vxa-stage{bottom:70px}.vxa-state{max-height:28px;overflow:hidden}}
@media(prefers-reduced-motion:reduce){.vxa-stage{transform:none!important}}

#vex-avatar-preview .vxa-controls{bottom:12px;pointer-events:none}

/* On phones the avatar is anchored to the bottom center, independent of desktop side. */
@media(max-width:700px){
 #vex-ar-app .vex-avatar,#vex-ar-app .vex-avatar[data-side=right]{left:50%;right:auto;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(var(--vxa-mobile-width,160px),calc(100vw - 140px));height:clamp(210px,34dvh,305px);max-height:calc(100dvh - 120px)}
 #vex-ar-app .vex-avatar.is-minimized{height:auto}
 #vex-ar-app .vxa-stage{bottom:78px}
 #vex-ar-app .vxa-talk{font-weight:400!important}
}

@media(max-width:700px){#vex-ar-app[data-menu-shape=rectangle] .vex-avatar{width:min(var(--vxa-mobile-width,160px),calc(100vw - 230px));min-width:90px}}

/* Keep the presenter clear of the vehicle rail. */
@media(min-width:701px){#vex-ar-app .vex-avatar:not([data-side=right]){left:calc(var(--vex-rail-offset,24px) + var(--vex-menu-size,80px) + 10px)}#vex-ar-app .vex-avatar[data-side=right]{right:calc(var(--vex-rail-offset,24px) + var(--vex-menu-size,80px) + 10px)}}
#vex-ar-app.vex-avatar-pending :is(#vex-action-agent,#vex-voice-status,.vex-agent-intro,.vex-agent-welcome){display:none!important}