:root{--avatar-emoji-background:#001209;--avatar-isotope-background:#00ff75;--avatar-isotope-foreground:#000}
.avatar-visual{display:grid;min-width:0;min-height:0;place-items:center;overflow:hidden;background:#061109;color:#00ff75}
.avatar-visual>img{width:100%;height:100%;object-fit:cover}
.avatar-visual[data-avatar-mode="emoji"]{background:var(--avatar-emoji-background,#001209)}
.avatar-visual__emoji{display:grid;width:100%;height:100%;place-items:center;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Twemoji Mozilla",sans-serif;font-size:var(--avatar-emoji-size,2em);font-weight:400;line-height:1;font-variant-emoji:emoji;text-align:center}
.avatar-visual[data-avatar-mode="isotope"]{position:relative;container-type:inline-size;background:var(--avatar-isotope-background,#00ff75);color:var(--avatar-isotope-foreground,#000)}
.avatar-visual__isotope-symbol{font-family:"Unbounded",sans-serif;font-size:2.5em;font-size:52cqi;font-weight:900;line-height:1;letter-spacing:-.09em;transform:translateX(-.025em)}
.avatar-visual__isotope-number{position:absolute;top:8%;right:8%;margin:0;color:inherit;font-family:"Unbounded",sans-serif;font-size:.75em;font-size:16cqi;font-style:normal;font-weight:800;line-height:1}
.avatar-visual__fallback{font:700 1em/1 ui-monospace,SFMono-Regular,Consolas,monospace}
[data-avatar-image-field]{display:contents}
.avatar-emoji-editor{display:grid;grid-template-columns:84px minmax(0,1fr);gap:10px;align-items:start}
.avatar-emoji-editor[hidden]{display:none!important}
.avatar-emoji-editor__preview{width:84px;height:84px;border:1px solid rgba(0,255,117,.35);font-size:48px}
.avatar-emoji-picker{display:grid;max-height:220px;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:4px;overflow:auto;padding:5px;border:1px solid rgba(0,255,117,.25);background:#020704;scrollbar-color:#00ff75 #031008}
.avatar-emoji-picker button{display:grid;min-width:0;height:42px;place-items:center;border:1px solid rgba(0,255,117,.13);background:#031008;color:#effff3;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Twemoji Mozilla",sans-serif;font-size:23px;line-height:1;cursor:pointer}
.avatar-emoji-picker button:hover,.avatar-emoji-picker button[aria-pressed="true"]{border-color:#00ff75;background:#073019;box-shadow:inset 0 0 16px rgba(0,255,117,.12)}
.avatar-emoji-editor>small{grid-column:1/-1;color:#87a692;font:10px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}
.avatar-isotope-editor{display:grid;grid-template-columns:84px minmax(0,1fr);gap:10px;align-items:start}
.avatar-isotope-editor[hidden]{display:none!important}.avatar-isotope-editor__preview{width:84px;height:84px;border:1px solid #00ff75}
.avatar-isotope-editor__fields{display:grid;gap:8px}.avatar-isotope-editor>small{grid-column:1/-1;color:#87a692;font:10px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}
@media(max-width:600px){.avatar-emoji-editor,.avatar-isotope-editor{grid-template-columns:64px minmax(0,1fr)}.avatar-emoji-editor__preview,.avatar-isotope-editor__preview{width:64px;height:64px}.avatar-emoji-editor__preview{font-size:38px}.avatar-emoji-picker{max-height:180px;grid-template-columns:repeat(auto-fill,minmax(38px,1fr))}.avatar-emoji-picker button{height:38px;font-size:21px}}