[data-scope='editable'][data-part='root'] {
	@apply flex flex-col gap-3 w-full max-w-md mx-auto;
}

[data-scope='editable'][data-part='area'] {
	@apply relative min-h-[2.5rem] w-full;
}

[data-scope='editable'][data-part='input'] {
	@apply w-full px-3 py-2 bg-background border border-border rounded-md text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:ring-offset-background transition-colors;
}

[data-scope='editable'][data-part='input'][data-autoresize] {
	@apply border-0 bg-transparent p-0 focus:ring-0 focus:ring-offset-0 resize-none;
}

[data-scope='editable'][data-part='preview'] {
	@apply px-3 py-2 w-full min-h-[2.5rem] border border-dashed border-border/50 rounded-md text-sm text-foreground hover:bg-muted hover:border-border hover:border-solid transition-all cursor-pointer flex items-center;
}

[data-scope='editable'][data-part='preview'][data-empty] {
	@apply text-muted-foreground italic;
}

[data-scope='editable'][data-part='control'] {
	@apply flex gap-2;
}

[data-scope='editable'][data-part='edit-trigger'],
[data-scope='editable'][data-part='submit-trigger'],
[data-scope='editable'][data-part='cancel-trigger'] {
	@apply px-3 py-1.5 rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:ring-offset-background text-sm font-medium;
}

[data-scope='editable'][data-part='edit-trigger'] {
	@apply bg-secondary text-secondary-foreground hover:bg-secondary/80;
}

[data-scope='editable'][data-part='cancel-trigger'] {
	@apply bg-background border border-border text-foreground hover:bg-muted;
}

[data-scope='editable'][data-part='submit-trigger'] {
	@apply bg-primary text-primary-foreground hover:bg-primary/90;
}
