.mp-avatar-stack{
    display:flex;
    flex-direction:column;
    gap:1.5em;
    max-width:700px;
    margin:0 auto;
}

.mp-avatar-current,
.mp-avatar-panel{
    background:linear-gradient(to bottom, rgba(255,250,244,0.96), rgba(236,220,199,0.90));
    border-radius:25px;
    padding:1em;
    box-shadow:0 6px 16px rgba(0,0,0,0.18);
    text-align:center;
}

.mp-avatar-current-img{
    width:100%;
    max-width:220px;
    display:block;
    margin:auto;
    cursor:pointer;
    background:none !important;
    border:none !important;
    box-shadow:none !important;
    filter:drop-shadow(0 6px 16px rgba(0,0,0,0.20));
}

.mp-avatar-camera-box{
    position:relative;
    width:min(100%, 250px);
    aspect-ratio:1/1;
    margin:1em auto;
    overflow:hidden;
    border-radius:16px;
    background:#000;
    box-shadow:0 6px 16px rgba(0,0,0,0.25);
}

.mp-avatar-video{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transform:scaleX(-1);
}

.mp-avatar-oval{
    position:absolute;
    top:50%;
    left:50%;
    width:62%;
    height:78%;
    transform:translate(-50%, -50%);
    border:4px solid rgba(255,255,255,0.95);
    border-radius:50%;
    box-shadow:0 0 0 9999px rgba(0,0,0,0.35);
    pointer-events:none;
}

.mp-avatar-actions{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:0.8em;
    margin-top:1em;
}

.mp-avatar-preview-wrap{
    margin:1em auto 0 auto;
    text-align:center;
}

.mp-avatar-preview-oval{
    width:220px;
    margin:0 auto;
    background:none;
    border:none;
    box-shadow:none;
}

.mp-avatar-preview{
    width:100%;
    max-width:220px;
    display:none;
    margin:auto;
    background:none !important;
    border:none !important;
    box-shadow:none !important;
    filter:drop-shadow(0 6px 16px rgba(0,0,0,0.20));
}

.mp-avatar-loader{
    font-weight:bold;
    margin-top:1em;
    text-align:center;
}

@media (max-width: 900px){
    .mp-avatar-stack{
        max-width:100%;
    }

    .mp-avatar-camera-box{
        width:min(100%, 250px);
    }

    .mp-avatar-current-img,
    .mp-avatar-preview,
    .mp-avatar-preview-oval{
        max-width:220px;
    }
}