.avatar-live-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.45rem;padding:.28rem .55rem;min-height:40px;border-bottom:1px solid #dbe6f5;background:rgba(247,250,255,.96)}
.avatar-live-toolbar[hidden]{display:none}
.avatar-live-selector{display:flex;align-items:center;gap:.32rem;font-size:.75rem;white-space:nowrap;color:#4a5f7c}
.avatar-live-selector select{font:inherit;font-weight:700;color:#173b75;border:1px solid #d5deeb;border-radius:.65rem;padding:.28rem .45rem;background:#fff;min-height:32px}
.avatar-live-notice{min-width:0;font-size:.68rem;line-height:1.18;color:#526883;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.avatar-live-notice[hidden]{display:none}
.avatar-live-promo{border:1px solid #b8cff0;border-radius:999px;background:#fff;color:#174f92;font:inherit;font-size:.68rem;font-weight:800;padding:.3rem .52rem;white-space:nowrap;min-height:30px}
.avatar-live-promo[hidden]{display:none}
.avatar-live-selector select,.avatar-live-promo{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.avatar-live-promo:disabled{opacity:.6}
.avatar-live-demo-teaser{position:absolute;z-index:12;left:14px;right:auto;top:14px;bottom:auto;width:min(76%,310px);display:grid;grid-template-columns:auto 1fr;grid-template-areas:'badge title' 'badge copy';align-items:center;column-gap:9px;padding:10px 12px;border:1px solid rgba(180,207,240,.95);border-radius:16px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);box-shadow:0 10px 28px rgba(18,55,105,.2);color:#173b75;text-align:left}.avatar-live-demo-teaser[hidden]{display:none}.avatar-live-demo-teaser .live-badge{grid-area:badge;align-self:stretch;display:grid;place-items:center;min-width:44px;margin:0}.avatar-live-demo-teaser strong{grid-area:title;font-size:.78rem;line-height:1.15}.avatar-live-demo-teaser small{grid-area:copy;margin-top:2px;color:#5d6d84;font-size:.66rem;line-height:1.2}
.avatar-live-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2;opacity:0;pointer-events:none;transition:opacity .18s ease}
.avatar-live-video.avatar-live-visible{opacity:1}
.avatar-live-preview{box-shadow:inset 0 0 0 2px rgba(92,145,230,.26),inset 0 -90px 120px rgba(6,24,52,.12)}
.avatar-live-preview .avatar-canvas{filter:brightness(1.13) saturate(1.08) contrast(1.025);transform:scale(1.018);transform-origin:50% 44%;transition:filter .25s ease,transform .35s ease}
.avatar-live-preview::before{content:'VISTA PREVIA LIVE';position:absolute;z-index:14;left:14px;top:14px;padding:6px 9px;border-radius:999px;background:rgba(12,39,77,.78);color:#fff;font-size:.58rem;font-weight:900;letter-spacing:.08em;backdrop-filter:blur(10px);pointer-events:none}
.avatar-live-preview::after{content:'';position:absolute;z-index:5;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 28%,rgba(124,184,255,.16),transparent 36%),linear-gradient(180deg,rgba(28,76,146,.05),transparent 48%,rgba(6,20,42,.12));mix-blend-mode:screen}
.avatar-live-active .avatar-motion,.avatar-no-visual .avatar-motion{visibility:hidden}
.avatar-no-visual canvas{visibility:hidden}
.avatar-live-active .avatar-canvas{visibility:hidden}
@media(max-width:430px){
 .avatar-live-toolbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'selector promo' 'notice notice';gap:.22rem .38rem;padding:.28rem .45rem .34rem;min-height:52px;align-items:center}
 .avatar-live-selector{grid-area:selector;font-size:.67rem;min-width:0}.avatar-live-selector select{font-size:.67rem;min-height:40px;padding:.2rem .35rem;max-width:118px}
 .avatar-live-notice{grid-area:notice;font-size:.59rem;line-height:1.2;white-space:normal;overflow:visible;text-overflow:clip;padding:0 .05rem;color:#7388a5}
 .avatar-live-promo{grid-area:promo;justify-self:end;font-size:.61rem;min-height:40px;padding:.24rem .55rem}
 .avatar-live-demo-teaser{top:.65rem;bottom:auto;left:.65rem;width:min(76%,292px);padding:.58rem .7rem}.avatar-live-demo-teaser strong{font-size:.78rem}.avatar-live-demo-teaser small{font-size:.62rem}
}
@media(max-width:350px){
 .avatar-live-selector select{max-width:98px}.avatar-live-promo{font-size:.57rem;padding:.22rem .38rem}
}
@media(prefers-reduced-motion:reduce){.avatar-live-video{transition:none}}

/* R40.1 safety belt: promotional copy is never allowed inside the avatar stage. */
#stage>.avatar-live-demo-teaser{display:none!important}