.pv2-avatars { padding: clamp(20px,3vw,34px); border: 1px solid color-mix(in srgb,var(--pv2-primary) 24%,transparent); border-radius: var(--pv2-radius); background: var(--pv2-surface); color: var(--pv2-text); }
.pv2-avatars-heading { display:flex; align-items:center; gap:16px; margin-bottom:24px; }
.pv2-avatars-heading h2 { margin:0 0 4px; font-family:var(--pv2-heading-font); }
.pv2-avatars-heading p,.pv2-avatars-note,.pv2-avatars-login p { margin:0; color:var(--pv2-muted); }
.pv2-avatars-mark { display:grid; place-items:center; width:46px; height:46px; flex:none; border-radius:13px; background:var(--pv2-primary); color:#fff; }
.pv2-avatars-account,.pv2-avatars-login { display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap; padding:14px 17px; border:1px solid color-mix(in srgb,var(--pv2-primary) 20%,transparent); border-radius:12px; background:color-mix(in srgb,var(--pv2-primary) 7%,var(--pv2-surface)); }
.pv2-avatars-account span { display:flex; gap:8px; align-items:center; }
.pv2-avatars-account i { color:var(--pv2-secondary); }
.pv2-avatars-login > div { display:flex; gap:8px; }
.pv2-avatars button { border:0; border-radius:9px; padding:9px 14px; background:var(--pv2-primary); color:#fff; font:inherit; font-weight:700; cursor:pointer; }
.pv2-avatars button:disabled { opacity:.55; cursor:default; }
.pv2-avatars-section { margin-top:26px; }
.pv2-avatars-section h3 { margin:0 0 14px; font-size:1.12rem; }
.pv2-avatar-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:13px; }
.pv2-avatar-card { display:flex; flex-direction:column; align-items:center; gap:10px; min-width:0; padding:16px; border:1px solid color-mix(in srgb,var(--pv2-text) 14%,transparent); border-radius:12px; background:color-mix(in srgb,var(--pv2-text) 4%,var(--pv2-surface)); }
.pv2-avatar-card.is-selected { border-color:var(--pv2-secondary); }
.pv2-avatar-sprite { display:block; width:120px; height:90px; flex:none; background-position:0 0; background-repeat:no-repeat; image-rendering:pixelated; }
.pv2-avatar-placeholder { display:grid; place-items:center; color:var(--pv2-muted); font-size:36px; }
.pv2-avatar-meta { display:flex; flex-direction:column; align-items:center; gap:3px; width:100%; text-align:center; overflow-wrap:anywhere; }
.pv2-avatar-meta span,.pv2-avatar-gear-card small { color:var(--pv2-muted); }
.pv2-avatar-card button { width:100%; margin-top:auto; }
.pv2-avatar-gear-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:12px; }
.pv2-avatar-gear-card { display:flex; align-items:center; gap:12px; padding:12px; border:1px solid color-mix(in srgb,var(--pv2-text) 14%,transparent); border-radius:10px; }
.pv2-avatar-gear-preview { display:block; width:72px; height:54px; flex:none; background-position:0 0; background-repeat:no-repeat; image-rendering:pixelated; }
.pv2-avatar-gear-card > div { display:flex; flex-direction:column; min-width:0; overflow-wrap:anywhere; }
.pv2-avatar-gear-card button { margin-left:auto; }
.pv2-avatars-message { padding:10px 13px; border-radius:9px; background:color-mix(in srgb,var(--pv2-secondary) 20%,transparent); }
.pv2-avatars-message.is-error { background:#7f1d1d; color:#fff; }