styles.css

/*

This CSS file will be included with your plugin, and
available in the app when your plugin is enabled.

If your plugin does not need CSS, delete this file.

*/

.api-key-setting .setting-item-control {
	flex-wrap: wrap;
}
.api-test-success {
	color: var(--text-success);
}

.api-test-error {
	color: var(--text-error);
}

.frontmatter-options-textarea {
	width: 100%;
	height: 150px;
}

/* Custom Format Modal Styles */
.custom-format-modal {
	width: 1200px;
	max-width: 1200px;
}

.custom-format-title {
	text-align: center;
	margin-bottom: 20px;
}

.custom-format-container {
	display: flex;
	gap: 20px;
	height: 600px;
	margin: 0 0 20px 0;
}

.custom-format-panel {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.custom-format-panel-title {
	margin: 0 0 10px 0;
}

.custom-format-textarea {
	width: 100%;
	height: 100%;
	font-family: monospace;
	resize: none;
	padding: 10px;
	border-radius: 5px;
	background-color: var(--background-primary);
}

.custom-format-preview {
	margin: 0;
	height: 100%;
	padding: 10px;
	border-radius: 5px;
	overflow: auto;
	background-color: var(--background-secondary);
	font-family: monospace;
}

.custom-format-bottom {
	border-top: 1px solid var(--background-modifier-border);
	padding-top: 20px;
}

.custom-format-info {
	text-align: center;
	color: var(--text-muted);
}