.ace-create-code-file-modal {
	display: flex;
	flex-direction: column;
	gap: 1rem;

	.code-editor-modal-header h2 {
		margin: 0;
		font-size: 1.5rem;
		font-weight: 600;
		text-align: center;
	}

	.code-editor-modal-content {
		display: flex;
		flex-direction: column;
		gap: 1rem;

		.code-editor-input-group {
			display: flex;
			flex-direction: column;
			gap: 0.5rem;
		}

		.code-editor-modal-footer {
			display: flex;
			justify-content: flex-end;
			gap: 0.75rem;
		}

		.code-editor-modal-preview {
			padding: 0.5rem;
			background-color: var(--background-secondary);
			border-radius: 4px;

			.preview-label {
				font-weight: 500;
				margin-right: 0.5rem;
			}

			.preview-value {
				color: var(--color-accent);
			}
		}

		.code-editor-modal-option {
			.checkbox-label {
				display: flex;
				align-items: center;
				gap: 0.5rem;
				cursor: pointer;
			}
		}
	}

	.code-editor-modal-footer {
		display: flex;
		justify-content: flex-end;
		gap: 0.75rem;
	}
}