.assistant-brand-icon {
    display: inline-block;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border-radius: 0 !important;
    background: #38b6ff;
    color: transparent;
    -webkit-mask: url("./claude-mark.svg") center / contain no-repeat;
    mask: url("./claude-mark.svg") center / contain no-repeat;
    box-shadow: 0 4px 14px rgba(56, 182, 255, 0.35);
}

html[data-claude-avatar-theme="rainbow"] .assistant-brand-icon {
    background: conic-gradient(from 210deg, #ff4d6d, #ffb347, #ffe66d, #54d68a, #4dabf7, #b77dff, #ff4d6d);
    box-shadow: 0 4px 14px rgba(183, 125, 255, 0.4);
}

html[data-claude-avatar-theme="purple"] .assistant-brand-icon {
    background: linear-gradient(135deg, #18002a 0%, #da00ff 100%);
    box-shadow: 0 4px 14px rgba(218, 0, 255, 0.4);
}

html[data-claude-avatar-theme="blue"] .assistant-brand-icon {
    background: linear-gradient(135deg, #001233 0%, #38b6ff 100%);
}