html[data-platform="desktop"] .chat-head{position:relative;isolation:isolate}
.header-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1;border-radius:inherit;animation:header-scene-reveal .35s ease-out both}
.header-scene canvas{display:block;width:100%;height:100%}
.header-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050716c9 0%,#08091370 42%,#0809130d 72%,#08091388 100%)}
.header-scene-copy{position:absolute;inset:0;z-index:2;display:flex;align-items:center;gap:14px;padding:0 205px 0 24px;color:#fff;text-shadow:0 2px 8px #000,0 0 2px #000;font-size:13px;line-height:1.3;min-width:0}
.header-scene-copy strong{font-size:15px;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.header-scene-copy span{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.has-header-scene>div:not(.header-scene):not(.live-controls){visibility:hidden}
.has-header-scene .live-controls{position:relative;z-index:3}
@keyframes header-scene-reveal{from{opacity:0}to{opacity:1}}
@media(max-width:1100px){.header-scene-copy{padding-left:16px;gap:8px}.header-scene-copy strong{font-size:13px}.header-scene-copy span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.header-scene{animation:none}}