main.emojis-page {
	display: flex;
	flex-direction: column;
	gap: var(--space-lg);
	padding: var(--space-md);

	h1 {
		margin: 0 0 var(--space-sm) 0;
		font-size: var(--font-size-lg);
		font-weight: 600;
	}

	.emoji-form {
		padding: var(--space-md);
		background: var(--color-surface);
		border: 1px solid var(--color-border);
		border-radius: var(--radius-md);
		display: flex;
		flex-direction: column;
		gap: var(--space-sm);
	}

	.form-group {
		display: flex;
		flex-direction: column;
		gap: var(--space-xs);
	}

	.form-hint {
		font-size: var(--font-size-sm);
		color: var(--color-text-muted);
	}

	.emoji-list {
		display: flex;
		flex-direction: column;
		gap: var(--space-xs);
	}

	.emoji-section-title {
		margin-top: var(--space-sm);
		padding: var(--space-xs) var(--space-sm);
		font-size: var(--font-size-sm);
		color: var(--color-text-muted);
		border: 1px solid var(--color-border);
		border-radius: var(--radius-sm);
		background: var(--color-surface);
	}

	.emoji-empty {
		padding: var(--space-sm);
		color: var(--color-text-muted);
	}
}