.mdxeditor{--accentBase:hsl(0 0% 100%);--accentBgSubtle:hsl(0 0% 97%);--accentBg:hsl(0 0% 94%);--accentBgHover:hsl(0 0% 90%);--accentBgActive:hsl(0 0% 86%);--accentLine:hsl(0 0% 82%);--accentBorder:hsl(0 0% 78%);--accentBorderHover:hsl(0 0% 70%);--accentSolid:hsl(0 0% 60%);--accentSolidHover:hsl(0 0% 50%);--accentText:hsl(0 0% 40%);--accentTextContrast:hsl(0 0% 10%);--baseBase:hsl(0 0% 100%);--baseBgSubtle:hsl(0 0% 97%);--baseBg:hsl(0 0% 94%);--baseBgHover:hsl(0 0% 90%);--baseBgActive:hsl(0 0% 86%);--baseLine:hsl(0 0% 82%);--baseBorder:hsl(0 0% 78%);--baseBorderHover:hsl(0 0% 70%);--baseSolid:hsl(0 0% 60%);--baseSolidHover:hsl(0 0% 50%);--baseText:hsl(0 0% 40%);--baseTextContrast:hsl(0 0% 10%);--basePageBg:hsl(0 0% 100%);font-family:var(--font-sans);--font-mono:var(--font-mono);color:var(--baseText);background:var(--basePageBg)}.dark .mdxeditor{--accentBase:hsl(0 0% 3.9%);--accentBgSubtle:hsl(0 0% 8%);--accentBg:hsl(0 0% 12%);--accentBgHover:hsl(0 0% 14.9%);--accentBgActive:hsl(0 0% 18%);--accentLine:hsl(0 0% 22%);--accentBorder:hsl(0 0% 14.9%);--accentBorderHover:hsl(0 0% 20%);--accentSolid:hsl(0 0% 25%);--accentSolidHover:hsl(0 0% 30%);--accentText:hsl(0 0% 63.9%);--accentTextContrast:hsl(0 0% 98%);--baseBase:hsl(0 0% 3.9%);--baseBgSubtle:hsl(0 0% 8%);--baseBg:hsl(0 0% 12%);--baseBgHover:hsl(0 0% 14.9%);--baseBgActive:hsl(0 0% 18%);--baseLine:hsl(0 0% 22%);--baseBorder:hsl(0 0% 14.9%);--baseBorderHover:hsl(0 0% 20%);--baseSolid:hsl(0 0% 25%);--baseSolidHover:hsl(0 0% 30%);--baseText:hsl(0 0% 83.1%);--baseTextContrast:hsl(0 0% 98%);--basePageBg:hsl(0 0% 3.9%);--mdxeditor-toolbar-bg:hsl(0 0% 8%);--mdxeditor-toolbar-border:hsl(0 0% 14.9%);--mdxeditor-code-bg:hsl(0 0% 6%);--mdxeditor-code-border:hsl(0 0% 14.9%)}.mdxeditor [data-placeholder],.mdxeditor-root-contenteditable,.mdxeditor-toolbar button{font-family:Inter,IBM Plex Sans Thai,sans-serif}.mdxeditor-toolbar{background-color:var(--mdxeditor-toolbar-bg,var(--baseBgSubtle));border-bottom:1px solid var(--mdxeditor-toolbar-border,var(--baseBorder))}.mdxeditor-root-contenteditable{min-height:150px;padding:.5rem}.mdxeditor .code-block{background-color:var(--mdxeditor-code-bg);border:1px solid var(--mdxeditor-code-border);border-radius:.375rem}