/* One selector, with the original preview / families / cards / save layout. */
.df-avatar-library[data-avatar-unified] > :not(.df-avatar-unified){display:none!important}
.df-avatar-unified{display:grid;gap:18px;color:inherit}
.df-avatar-unified>header{display:flex;align-items:center;gap:18px;padding:18px;border:1px solid #dbe8ee;border-radius:18px;background:#f5fafc}
.df-avatar-unified>header img{width:88px;height:88px;object-fit:contain;border-radius:18px;background:white}
.df-avatar-unified>header strong,.df-avatar-unified>header span{display:block}
.df-avatar-unified>header strong{font-size:1.2rem}
.df-avatar-unified>header span{font-size:.75rem;color:#557480}
.df-avatar-unified>header p{margin:6px 0 0;color:#58717d}
.df-avatar-unified nav{display:flex;flex-wrap:wrap;gap:8px}
.df-avatar-unified button{font:inherit;cursor:pointer}
.df-avatar-unified nav button{padding:8px 13px;border-radius:12px;border:1px solid #ccdfe7;background:white;color:#365867}
.df-avatar-unified nav button.active{background:#e7f6fc;border-color:var(--df-primary,#00a8e8);color:#096581;font-weight:700}
.df-avatar-unified .df-avatar-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}
.df-avatar-unified .df-avatar-library-grid button{display:grid;gap:8px;border:2px solid transparent;border-radius:16px;background:#f2f7f9;padding:8px;color:inherit}
.df-avatar-unified .df-avatar-library-grid button.selected{border-color:var(--df-primary,#00a8e8);background:#e7f6fc}
.df-avatar-unified .df-avatar-library-grid img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:12px}
.df-avatar-unified .df-avatar-library-grid span{font-size:13px}
.df-avatar-unified>footer{display:flex;align-items:center;justify-content:space-between;gap:16px}
.df-avatar-unified>footer .primary{padding:12px 18px;border:0;border-radius:12px;color:white;background:var(--df-primary,#0088bd);font-weight:700}
.df-avatar-unified button:disabled{opacity:.55;cursor:default}
.df-avatar-unified button:focus-visible{outline:3px solid #e3ac35;outline-offset:3px}
@media(max-width:640px){.df-avatar-unified>footer{align-items:stretch;flex-direction:column}.df-avatar-unified>header{padding:12px;gap:12px}.df-avatar-unified>header img{width:64px;height:64px}}