.aibui-contact-form {
	--aibui-bg: #ffffff;
	--aibui-border: #e5e7eb;
	--aibui-text: #111827;
	--aibui-muted: #6b7280;
	--aibui-primary: #4f46e5;
	--aibui-primary-contrast: #ffffff;
}

.aibui-contact-form-preview {
	background: var(--aibui-bg);
	border: 1px solid var(--aibui-border);
	border-radius: 12px;
	padding: 20px;
}

.aibui-form-title {
	margin: 0 0 8px;
	font-size: 24px;
	line-height: 1.2;
}

.aibui-form-description {
	margin: 0 0 16px;
	color: var(--aibui-muted);
}

.aibui-fields {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 12px;
}

.aibui-field {
	grid-column: span 12;
}

.aibui-input-placeholder {
	border: 1px dashed var(--aibui-border);
	border-radius: 8px;
	padding: 10px 12px;
	color: var(--aibui-muted);
	font-size: 14px;
}

.aibui-contact-form .components-button.is-primary,
.aibui-contact-form-preview .components-button.is-primary {
	background: var(--aibui-primary);
	color: var(--aibui-primary-contrast);
	border: 0;
	border-radius: 8px;
	padding: 10px 16px;
}

.aibui-field-row {
	border: 1px solid var(--aibui-border);
	border-radius: 8px;
	padding: 12px;
	margin-bottom: 12px;
	background: #fff;
}