/* Character studio and the shared portrait surface. */
.ma-portrait{display:inline-grid;place-items:center;overflow:hidden;flex-shrink:0;}
.ma-portrait>img,.ma-portrait>svg{display:block;width:100%;height:100%;object-fit:cover;}
.ma-portrait--character{background:#e5e5da;}
.ma-avatar-form,.ma-avatar-editor{display:grid;gap:18px;min-width:0;}
.ma-avatar-modes,.ma-avatar-tabs{display:flex;flex-wrap:wrap;gap:6px;}
.ma-avatar-modes .ma-button,.ma-avatar-tabs .ma-button{flex:1 1 auto;font-size:.76rem;}
.ma-avatar-modes [aria-pressed="true"],.ma-avatar-tabs [aria-pressed="true"]{--ma-button-bg:var(--ma-atlas);--ma-button-bg-hover:var(--ma-atlas);--ma-button-color:var(--ma-collection-on-accent,var(--ma-native-primary-text,var(--ma-app-bg)));background:var(--ma-button-bg);color:var(--ma-button-color);border-color:transparent;}
.ma-avatar-editor__body{display:grid;gap:18px;min-width:0;}
.ma-avatar-studio{display:flex;align-items:center;justify-content:center;gap:22px;min-height:248px;padding:12px 24px;border-radius:24px;background:radial-gradient(ellipse at 30% 40%,#fcf5e5,#e2e9e3);color:#294941;overflow:hidden;}
.ma-avatar-studio__figure{flex:1 1 240px;min-width:0;width:240px;height:270px;}
.ma-avatar-studio__figure svg{width:100%;height:100%;}
.ma-avatar-studio__caption{display:grid;gap:10px;flex:1 1 210px;min-width:0;max-width:280px;}
.ma-avatar-bio{padding:14px;border:1px solid #aec7bb;border-radius:18px 18px 18px 4px;background:#f5f8ef;color:#294941;text-align:left;font:700 1rem/1.5 var(--ma-font-display);overflow-wrap:anywhere;cursor:pointer;}
.ma-avatar-bio:focus-visible{outline:3px solid #386559;outline-offset:3px;}
.ma-avatar-identity-field{display:grid;gap:6px;min-width:0;font-size:.8rem;font-weight:700;}
.ma-avatar-identity-field input,.ma-avatar-identity-field textarea{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--ma-border);border-radius:12px;background:var(--ma-card-2);color:var(--ma-text-strong);font:400 .9rem/1.4 var(--ma-font-body);}
.ma-avatar-identity-field textarea{resize:vertical;}
.ma-avatar-studio .ma-avatar-identity-field input,.ma-avatar-studio .ma-avatar-identity-field textarea{background:#f5f8ef;color:#294941;border-color:#aec7bb;}
.ma-avatar-account-preview{width:40px;height:40px;}
.ma-avatar-item__art--none{background:linear-gradient(135deg,#e5e5da 49%,#bbc5bf 49%,#bbc5bf 51%,#e5e5da 51%);}
.ma-avatar-studio__caption span{font-size:.8rem;line-height:1.5;}
.ma-avatar-options{display:grid;gap:22px;}
.ma-avatar-field{border:0;padding:0;margin:0;min-width:0;}
.ma-avatar-field legend{margin-bottom:10px;padding:0;font-size:.85rem;font-weight:750;color:var(--ma-text-strong);}
.ma-avatar-swatches{display:flex;gap:8px;flex-wrap:wrap;}
.ma-avatar-swatch{display:grid;justify-items:center;align-content:start;gap:4px;min-width:44px;min-height:44px;max-width:88px;padding:4px;border:2px solid transparent;border-radius:13px;background:var(--ma-surface-inset);color:var(--ma-text-strong);font:inherit;font-size:.65rem;cursor:pointer;}
.ma-avatar-swatch__fill{display:block;width:32px;height:32px;border:1px solid #0002;border-radius:50%;background:var(--avatar-swatch);}
.ma-avatar-swatch[aria-pressed="true"],.ma-avatar-item[aria-pressed="true"]{border-color:var(--ma-atlas);box-shadow:0 0 0 1px var(--ma-atlas);}
.ma-avatar-item__art{display:block;width:100%;height:100px;background:#e5e5da;border-radius:10px;overflow:hidden;}
.ma-avatar-item__art svg{display:block;width:100%;height:100%;}
.ma-avatar-swatch .ma-avatar-item__art{width:64px;height:68px;}
.ma-avatar-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(94px,1fr));gap:10px;}
.ma-avatar-item{display:grid;align-content:start;gap:8px;min-width:0;padding:5px 5px 9px;border:2px solid transparent;border-radius:14px;background:var(--ma-surface-inset);color:var(--ma-text-strong);font:inherit;font-size:.72rem;line-height:1.35;text-align:center;cursor:pointer;}
.ma-avatar-item:disabled{cursor:default;opacity:.65;}
.ma-avatar-item small{color:var(--ma-muted);font-size:.65rem;}
.ma-avatar-swatch:focus-visible,.ma-avatar-item:focus-visible{outline:3px solid var(--ma-focus-ring);outline-offset:3px;}
.ma-avatar-status{margin:0;font-size:.82rem;line-height:1.5;color:var(--ma-muted);}
.ma-avatar-status:empty{display:none;}
.ma-avatar-collection{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:14px;}
.ma-avatar-collectible{display:grid;align-content:start;gap:6px;min-width:0;}
.ma-avatar-collectible strong{font-size:.75rem;line-height:1.4;color:var(--ma-text-strong);}
.ma-avatar-collectible small{font-size:.7rem;color:var(--ma-muted);}
@media(max-width:520px){.ma-avatar-studio{padding:14px;gap:10px;flex-direction:column;}.ma-avatar-studio__figure{flex-basis:auto;width:240px;max-width:100%;height:235px;}.ma-avatar-studio__caption{flex-basis:auto;width:100%;max-width:none;order:-1;}.ma-avatar-studio__caption span{font-size:.72rem;}}
html[data-ma-large-text] .ma-avatar-studio{flex-wrap:wrap;}