/* Layered 2.5D character system for the desktop header. */
body.theme-neofuture .app-header::before{
  background-image:
    linear-gradient(90deg,rgba(5,9,15,.99) 0%,rgba(7,12,20,.96) 34%,rgba(8,16,26,.58) 64%,rgba(5,9,15,.96) 100%),
    radial-gradient(circle at 72% 42%,rgba(50,213,238,.16),transparent 31%),
    linear-gradient(112deg,transparent 56%,rgba(240,100,20,.08) 56.2%,transparent 57%);
  background-position:center;
  background-size:100% 100%;
}
.aiwp-character-depth{
  --character-x:0px;
  --character-y:0px;
  --character-tilt-x:0deg;
  --character-tilt-y:0deg;
  position:absolute!important;
  z-index:1!important;
  top:0;
  right:clamp(196px,18vw,350px);
  width:clamp(250px,24vw,430px);
  height:100%;
  pointer-events:none;
  overflow:visible;
  perspective:900px;
  transform-style:preserve-3d;
}
.aiwp-character-depth::before,
.aiwp-character-depth::after{
  content:"";
  position:absolute;
  pointer-events:none;
  border-radius:50%;
}
.aiwp-character-depth::before{
  inset:5% 15% -34%;
  opacity:.72;
  background:
    radial-gradient(circle,rgba(105,232,248,.2) 0 9%,transparent 9.5% 20%,rgba(105,232,248,.18) 20.5% 21%,transparent 21.5%),
    conic-gradient(from 20deg,transparent,rgba(105,232,248,.48),transparent 31%,rgba(240,100,20,.34),transparent 66%);
  filter:blur(.2px) drop-shadow(0 0 15px rgba(75,221,243,.28));
  transform:translate3d(calc(var(--character-x) * -.45),calc(var(--character-y) * -.45),-34px) rotateX(68deg);
}
.aiwp-character-depth::after{
  left:24%;
  right:20%;
  bottom:-7px;
  height:16px;
  opacity:.62;
  border:1px solid rgba(105,232,248,.58);
  box-shadow:0 0 18px rgba(105,232,248,.35),inset 0 0 14px rgba(240,100,20,.18);
  transform:translate3d(calc(var(--character-x) * .24),0,22px);
}
.aiwp-character-depth img{
  position:absolute;
  left:50%;
  bottom:-236%;
  width:auto;
  height:345%;
  opacity:0;
  object-fit:contain;
  filter:
    drop-shadow(-14px 16px 24px rgba(0,0,0,.5))
    drop-shadow(0 0 9px rgba(105,232,248,.22));
  transform-origin:50% 32%;
  transform:
    translate3d(calc(-50% + var(--character-x)),var(--character-y),35px)
    rotateX(var(--character-tilt-x))
    rotateY(var(--character-tilt-y));
  transition:opacity .42s ease,filter .3s ease;
  will-change:transform;
}
.aiwp-character-depth[data-workspace="image"] .character-visual-director,
.aiwp-character-depth[data-workspace="video"] .character-workflow-engineer{
  opacity:.82;
}
.aiwp-character-depth[data-studio-mode="canvas"] img{
  filter:
    drop-shadow(-18px 18px 30px rgba(0,0,0,.56))
    drop-shadow(0 0 14px rgba(105,232,248,.32));
}
.aiwp-character-depth.is-quiet{opacity:.36}
.empty-character-portal{
  position:relative;
  isolation:isolate;
  width:min(100%,250px);
  height:360px;
  margin:8px auto 0;
  overflow:hidden;
  pointer-events:none;
  perspective:900px;
}
.empty-character-portal::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:10%;
  right:10%;
  bottom:13%;
  height:38%;
  border:1px solid rgba(25,155,180,.32);
  border-radius:50%;
  background:
    radial-gradient(circle,rgba(65,214,237,.2),transparent 48%),
    conic-gradient(from 40deg,transparent,rgba(65,214,237,.34),transparent 30%,rgba(240,100,20,.25),transparent 68%);
  transform:rotateX(68deg) translateZ(-28px);
  box-shadow:0 0 28px rgba(48,196,220,.16);
}
.empty-character-portal img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center top;
  filter:
    drop-shadow(0 16px 18px rgba(20,35,48,.22))
    drop-shadow(0 0 9px rgba(55,202,226,.2));
  transform:translate3d(0,4px,24px) rotateY(-2deg);
}
.empty-character-portal span{
  position:absolute;
  left:50%;
  bottom:10px;
  transform:translateX(-50%);
  color:#377787;
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
}
@media(max-width:1180px){
  .aiwp-character-depth{right:150px;width:250px;opacity:.7}
}
@media(max-width:980px){
  .aiwp-character-depth,
  .empty-character-portal{display:none}
}
@media(prefers-reduced-motion:reduce){
  .aiwp-character-depth img{transform:translate3d(-50%,0,35px)!important}
}