.avatar-preview-container{flex:1 1;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background-size:200% 200%;animation:gradientShift 15s ease infinite;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;width:100%;height:100%;min-height:400px}.avatar-preview-container.whitelabel-gradient{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-color),#000 60%) 0,color-mix(in srgb,var(--theme-color),#000 20%) 25%,var(--theme-color) 50%,color-mix(in srgb,var(--theme-color),#fff 30%) 75%,color-mix(in srgb,var(--theme-color),#fff 50%) 100%)}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.avatar-preview-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.1) 0,transparent 50%),radial-gradient(circle at 70% 70%,rgba(138,43,226,.15) 0,transparent 50%);animation:rotate 30s linear infinite;pointer-events:none}.avatar-preview-container.whitelabel-gradient:before{background:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.1) 0,transparent 50%),radial-gradient(circle at 70% 70%,color-mix(in srgb,var(--theme-color),transparent 85%) 0,transparent 50%)}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.avatar-preview-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 85% 15%,hsla(0,0%,100%,.08) 0,transparent 40%),radial-gradient(circle at 20% 80%,rgba(124,58,237,.12) 0,transparent 40%);pointer-events:none}.avatar-preview-container.whitelabel-gradient:after{background:radial-gradient(circle at 85% 15%,hsla(0,0%,100%,.08) 0,transparent 40%),radial-gradient(circle at 20% 80%,color-mix(in srgb,var(--theme-color),transparent 88%) 0,transparent 40%)}.avatar-placeholder{font-size:160px;z-index:1;filter:drop-shadow(0 30px 60px rgba(0,0,0,.6));animation:float 6s ease-in-out infinite;width:100%;height:100%}.avatar-preview-container canvas{width:100%!important;height:100%!important;display:block}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}