#root[data-edit-mode-enabled="true"] [data-edit-id] {
	cursor: pointer;
	outline: 2px dashed #357DF9;
	outline-offset: 2px;
	min-height: 1em;
}
#root[data-edit-mode-enabled="true"] img[data-edit-id] {
	outline-offset: -2px;
}
#root[data-edit-mode-enabled="true"] {
	cursor: pointer;
}
#root[data-edit-mode-enabled="true"] [data-edit-id]:hover {
	background-color: #357DF933;
	outline-color: #357DF9;
}
@keyframes fadeInTooltip {
	from { opacity: 0; transform: translateY(5px); }
	to { opacity: 1; transform: translateY(0); }
}
#inline-editor-disabled-tooltip {
	display: none; 
	opacity: 0; 
	position: absolute;
	background-color: #1D1E20;
	color: white;
	padding: 4px 8px;
	border-radius: 8px;
	z-index: 10001;
	font-size: 14px;
	border: 1px solid #3B3D4A;
	max-width: 184px;
	text-align: center;
}
#inline-editor-disabled-tooltip.tooltip-active {
	display: block;
	animation: fadeInTooltip 0.2s ease-out forwards;
}

:root {
    --background: 35 25% 97%;
    --foreground: 25 20% 15%;
    --card: 0 0% 100%;
    --card-foreground: 25 20% 15%;
    --popover: 0 0% 100%;
    --popover-foreground: 25 20% 15%;
    --primary: 18 52% 54%;
    --primary-foreground: 0 0% 100%;
    --secondary: 205 35% 62%;
    --secondary-foreground: 0 0% 100%;
    --accent: 145 25% 52%;
    --accent-foreground: 0 0% 100%;
    --muted: 35 20% 92%;
    --muted-foreground: 25 15% 45%;
    --destructive: 0 72% 51%;
    --destructive-foreground: 0 0% 100%;
    --border: 35 20% 88%;
    --input: 35 20% 88%;
    --ring: 18 52% 54%;
    --radius: 0.75rem;
}