@ckeditor/ckeditor5-ai/theme/aichat/aichat-controls/prompt-capabilities.css

AI features for CKEditor 5.

/*
 * What you're currently looking at is the source code of a legally protected, proprietary software.
 * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
 * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
 *
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.ck.ck-ai-chat-controls .ck-ai-chat__prompt-capabilities {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: var(--ck-spacing-medium-small);
	gap: var(--ck-spacing-medium-small);
	padding-inline-end: calc(var(--ck-ui-component-min-height) + var(--ck-spacing-medium));

	& .ck-ai-chat-controls-button {
		&:not(.ck-button_with-text) {
			margin: 0;
			padding: var(--ck-spacing-tiny);
		}

		& > .ck-icon {
			--ck-icon-size: 16px;
		}
	}

	& .ck-ai-chat-controls-button--commands {
		margin-inline-start: auto;
		margin-inline-end: 0;
		margin-block-start: 0;
		margin-block-end: 0;
		padding: 0;
		/*
		 * TODO: Remove this when the commands button is implemented.
		 */
		visibility: hidden;
		pointer-events: none;
	}

	& .ck-ai-chat-controls__model-name {
		color: var(--ck-ai-chat-color-icon);
	}
}