.avatar-admin-layout{
    display:grid;
    grid-template-columns:340px minmax(0,1fr);
    gap:20px;
}

.avatar-mode-card{
    align-self:start;
    position:sticky;
    top:20px;
}

.cache-clear-form{
    margin-top:12px;
}

.avatar-manage-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(310px,1fr));
    gap:14px;
}

.avatar-manage-card{
    display:grid;
    grid-template-columns:120px 1fr;
    gap:14px;
    background:var(--uv3-soft,#eff7fb);
    border:2px solid var(--uv3-border,#abc3ce);
    border-radius:9px;
    padding:13px;
}

.avatar-manage-preview{
    display:flex;
    align-items:flex-end;
    justify-content:center;
    min-height:165px;
    overflow:hidden;
    background:var(--uv3-card,#fff);
    border:2px solid var(--uv3-border,#abc3ce);
    border-radius:7px;
}

.avatar-manage-preview img{
    max-width:115px;
    max-height:160px;
    object-fit:contain;
    image-rendering:pixelated;
}

.avatar-manage-content h3{
    margin:9px 0 4px;
}

.avatar-upload-form{
    display:grid;
    gap:8px;
    border-top:1px solid var(--uv3-line,#d5e4ea);
    margin-top:12px;
    padding-top:12px;
}

.avatar-upload-form input[type=file]{
    width:100%;
    font-size:11px;
}

@media(max-width:1000px){
    .avatar-admin-layout{grid-template-columns:1fr}
    .avatar-mode-card{position:static}
}

@media(max-width:600px){
    .avatar-manage-card{grid-template-columns:1fr}
    .avatar-manage-preview{width:130px}
}