.mini-avatar{display:flex;flex-direction:column;gap:10px;width:232px;padding:12px}.mini-avatar__title{font-family:var(--font-family-pixel);font-size:14px;text-transform:uppercase;letter-spacing:.4px;color:var(--color-brand-lime-400)}.mini-avatar__row{display:flex;gap:6px}.mini-avatar__row input{flex:1;min-width:0;height:32px;padding:0 10px;background:#fff;border:1px solid var(--color-brand-blue-400);border-radius:4px;font-family:var(--font-family-sans);font-size:var(--font-size-sm);color:#0e171b}.mini-avatar__row input::placeholder{color:#b3b3b3}.mini-avatar__btn{display:inline-flex;align-items:center;justify-content:center;padding:0 12px;height:32px;background:#329e69;color:#fff;border:1px solid #1e6b46;border-radius:4px;box-shadow:0 2px #1e6b46;font-family:var(--font-family-pixel);font-size:14px;letter-spacing:.4px}.mini-avatar__btn:hover:not(:disabled){filter:brightness(1.08)}.mini-avatar__btn:active:not(:disabled){transform:translateY(2px);box-shadow:none}.mini-avatar__btn:disabled{opacity:.6}.mini-avatar__btn--save{width:100%}.mini-avatar__dir{display:flex;align-items:center;justify-content:center;gap:6px;width:100%}.mini-avatar__dir-label{font-family:var(--font-family-pixel);font-size:14px;text-transform:uppercase;color:var(--color-brand-lime-400)}.mini-avatar__dir-value{min-width:12px;text-align:center;font-family:var(--font-family-pixel);font-size:14px;color:#fff}.mini-avatar__btn--arrow{width:24px;height:24px;padding:0;font-size:var(--font-size-sm);line-height:1}.mini-avatar__error{font-family:var(--font-family-sans);font-size:var(--font-size-xs);color:#e74c3c}.mini-avatar__preview{display:flex;flex-direction:column;align-items:center;gap:8px}.mini-avatar__preview.is-empty{display:none}.mini-avatar__preview canvas{width:160px;height:160px;image-rendering:auto;border:1px solid var(--color-brand-blue-400);border-radius:4px}.mini-avatar__nick{font-family:var(--font-family-sans);font-size:var(--font-size-xs);color:#fff}