.io-profile-avatar{border-radius:50%;object-fit:cover;background:var(--io-surface-alt,#e4f4ef);flex:none}
.io-avatar-tools{display:flex;gap:24px;align-items:center;margin:0 0 28px}
.io-avatar-tools p,.io-account [data-account-form="profile"]>p{color:var(--io-muted,#52647e);font-size:.9rem;line-height:1.6}
.io-account .io-avatar-tools input.io-avatar-file{position:absolute;width:1px;height:1px;min-height:0;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.io-avatar-tools label:focus-within{outline:3px solid var(--io-accent,#008877);outline-offset:3px}
.io-profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.io-avatar-dialog{width:min(440px,calc(100% - 32px));max-height:90dvh;overflow:auto;box-sizing:border-box;border:1px solid var(--io-border,#dce5ee);border-radius:24px;background:var(--io-surface,#fff);color:var(--io-text,#152033);padding:24px;box-shadow:0 24px 90px #0005}
.io-avatar-dialog::backdrop{background:#071524b3;backdrop-filter:blur(6px)}
.io-avatar-dialog canvas{display:block;width:min(320px,100%);height:auto;margin:auto;border-radius:16px;touch-action:none;cursor:grab;outline-offset:4px}
.io-avatar-dialog input[type=range]{display:block;width:100%;accent-color:var(--io-accent,#008877)}
.io-avatar-dialog p{font-size:.9rem;line-height:1.5}
.io-avatar-actions{display:flex;justify-content:space-between;gap:12px;margin-top:20px}
.io-account [data-publication-consent]{padding:16px;border:1px solid var(--io-border,#dce5ee);border-radius:14px;margin-bottom:20px}
.io-account [data-publication-consent] a{display:block;font-size:.85rem;margin:8px 0}
[data-theme=dark] .io-avatar-dialog{background:var(--io-surface,#111e30);color:var(--io-text,#edf5ff)}
@media(max-width:600px){.io-profile-fields{grid-template-columns:1fr}.io-avatar-tools{gap:16px;align-items:flex-start}.io-avatar-tools .io-button{font-size:.8rem;padding:10px}.io-avatar-file{max-width:170px}.io-avatar-dialog{padding:20px}}
@media(max-width:600px){.io-avatar-tools{flex-wrap:wrap}.io-avatar-tools>div{min-width:0;max-width:100%}.io-profile-fields{grid-template-columns:minmax(0,1fr)}.io-avatar-actions{flex-wrap:wrap}}