:root{--combobox-background:#fff}.dark{--combobox-background:var(--core-charcoal)}.reader-markdown-editor{color:var(--foreground);font-family:var(--font-sans);background:0 0}.reader-markdown-editor .reader-markdown-toolbar{background:color-mix(in oklab, var(--card) 95%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:.5px solid color-mix(in oklab, var(--border) 10%, transparent);scrollbar-color:color-mix(in oklab, var(--muted-foreground) 28%, transparent) transparent;scrollbar-width:thin;z-index:20;border-radius:.5rem;flex-wrap:nowrap;align-items:center;max-width:100%;padding:.375rem;position:sticky;top:0;overflow-x:auto;box-shadow:0 1px 2px #00000014,0 10px 28px #0000000d;box-shadow:0 1px 2px lab(0% 0 0/.08),0 10px 28px lab(0% 0 0/.05)}.reader-markdown-editor .reader-markdown-toolbar-groups{align-items:center;gap:.5rem;min-width:max-content;display:flex}.reader-markdown-editor .reader-markdown-toolbar-group{background:color-mix(in oklab, var(--muted) 52%, transparent);border:1px solid color-mix(in oklab, var(--border) 68%, transparent);border-radius:.5rem;flex:none;align-self:stretch;align-items:center;gap:.25rem;min-height:2.25rem;padding:.125rem;display:flex}.reader-markdown-editor .reader-markdown-toolbar-group>div,.reader-markdown-editor .reader-markdown-toolbar-group>div>div{gap:.125rem;margin:0}.reader-markdown-editor .reader-markdown-toolbar button[data-toolbar-item]{color:var(--muted-foreground);cursor:pointer;border:1px solid #0000;border-radius:.375rem;justify-content:center;align-items:center;width:1.875rem;height:1.875rem;padding:.3125rem;transition:background-color .12s,border-color .12s,color .12s,box-shadow .12s;display:inline-flex}.reader-markdown-editor .reader-markdown-toolbar button[data-toolbar-item]:hover:not(:disabled){background:var(--background);border-color:color-mix(in oklab, var(--border) 74%, transparent);color:var(--foreground)}.reader-markdown-editor .reader-markdown-toolbar button[data-toolbar-item]:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.reader-markdown-editor .reader-markdown-toolbar button[data-toolbar-item][data-state=on]{background:var(--accent);border-color:color-mix(in oklab, var(--ring) 34%, var(--border));color:var(--accent-foreground);box-shadow:0 1px 2px #00000014;box-shadow:0 1px 2px lab(0% 0 0/.08)}.reader-markdown-editor .reader-markdown-toolbar button[data-toolbar-item]:disabled{cursor:not-allowed;opacity:.38}.reader-markdown-editor .reader-markdown-toolbar button[data-toolbar-item] svg{width:1.125rem;height:1.125rem}.reader-markdown-editor .reader-markdown-toolbar button[role=combobox][data-toolbar-item]{background:var(--combobox-background);color:var(--foreground);justify-content:flex-start;gap:.375rem;width:8.75rem;margin:0;padding:0 .5rem;font-size:.8125rem;font-weight:500}.reader-markdown-editor .reader-markdown-toolbar button[role=combobox][data-toolbar-item]:hover:not(:disabled){background:var(--accent)}.reader-markdown-editor .reader-markdown-toolbar button[role=combobox][data-toolbar-item] span:first-child{text-overflow:ellipsis;overflow:hidden}.reader-markdown-editor .mdxeditor-select-content{background:var(--popover);border:1px solid var(--border);color:var(--popover-foreground);border-radius:.5rem;padding:.25rem;overflow:hidden;box-shadow:0 4px 8px #0000001a,0 16px 32px #0000001f;box-shadow:0 4px 8px lab(0% 0 0/.1),0 16px 32px lab(0% 0 0/.12)}.reader-markdown-editor .mdxeditor-select-content [role=option]{color:var(--popover-foreground);border-radius:.375rem;padding:.5rem .625rem}.reader-markdown-editor .mdxeditor-select-content [role=option][data-highlighted],.reader-markdown-editor .mdxeditor-select-content [role=option][data-state=checked]{background:var(--accent);color:var(--accent-foreground)}.reader-markdown-editor .mdxeditor-root-contenteditable{background:0 0}.reader-markdown-editor .reader-markdown-content{min-height:52vh;padding:1rem 0 4rem}.reader-markdown-editor .reader-markdown-content:focus{outline:none}.reader-markdown-editor .cm-editor{border:1px solid var(--border);border-radius:.5rem;overflow:hidden}.reader-markdown-editor .cm-scroller{font-family:var(--font-mono)}@media (max-width:640px){.reader-markdown-editor .reader-markdown-toolbar{padding:.25rem}.reader-markdown-editor .reader-markdown-toolbar-groups{gap:.375rem}.reader-markdown-editor .reader-markdown-toolbar-group{min-height:2.125rem}.reader-markdown-editor .reader-markdown-toolbar button[role=combobox][data-toolbar-item]{width:7.75rem}.reader-markdown-editor .reader-markdown-content{min-height:46vh;padding-bottom:3rem}}