.framed-avatar{position:relative;display:inline-grid;flex:none;place-items:center;vertical-align:middle;isolation:isolate;aspect-ratio:1}.framed-avatar__portrait{position:absolute;z-index:0;overflow:hidden;container-type:size;border-radius:0;-webkit-mask:var(--avatar-opening) center /100% 100% no-repeat;mask:var(--avatar-opening) center /100% 100% no-repeat;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--color-paper-3,#24232b) 70%,#fff 8%),var(--color-paper-3,#24232b))}.framed-avatar__portrait>img{display:block;width:100%;height:100%;max-width:none;margin:0;border:0;border-radius:0;object-fit:cover;object-position:50% 50%;user-select:none;-webkit-user-drag:none}.framed-avatar__initials{display:grid;place-items:center;width:100%;height:100%;margin:0;color:var(--color-ink,#f5f5f5);font-size:1em;font-size:36cqmin;font-weight:650;letter-spacing:-.03em;line-height:1;text-transform:uppercase;background:linear-gradient(150deg,color-mix(in srgb,var(--color-accent,#f37420) 34%,var(--color-paper-3,#24232b)),var(--color-paper-3,#24232b))}.framed-avatar__frame{position:absolute;z-index:1;inset:0;width:100%;height:100%;max-width:none;margin:0;border-radius:0;pointer-events:none;object-fit:contain;user-select:none;-webkit-user-drag:none}.avatar-editor{display:grid;gap:1.25rem;color:var(--color-ink)}.avatar-editor__preview{display:flex;justify-content:center;padding:.5rem}.avatar-editor__frames{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem}.avatar-editor__frame{display:grid;justify-items:center;gap:.35rem;min-width:0;padding:.4rem .15rem;border:1px solid transparent;border-radius:.9rem;background:transparent;color:var(--color-ink-2);font-size:.625rem;cursor:pointer}.avatar-editor__frame[aria-pressed=true]{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 7%,transparent);color:var(--color-ink)}.avatar-editor__frame:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.avatar-editor__label{display:block;margin-bottom:.6rem;font-size:.75rem;font-weight:600}.avatar-editor__actions{display:flex;flex-wrap:wrap;gap:.5rem}.avatar-editor__portraits{display:flex;gap:.5rem}.avatar-editor__portraits button{padding:0;border:1px solid transparent;border-radius:1rem;background:transparent;cursor:pointer}.avatar-editor__portraits button[aria-pressed=true]{border-color:var(--color-accent)}.avatar-editor__crop{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.avatar-editor__crop label{display:grid;gap:.5rem;font-size:.7rem;color:var(--color-ink-2)}.avatar-editor__crop input{width:100%;accent-color:var(--color-accent);min-height:24px}.avatar-editor__note{font-size:.75rem;line-height:1.6;color:var(--color-ink-2)}.avatar-editor__error{color:var(--color-danger,#e65a69);font-size:.8rem}.avatar-editor__generation{display:grid;gap:.65rem}@media (max-width:440px){.avatar-editor__frame{font-size:.55rem}.avatar-editor__frames{gap:.15rem}}