.editor.svelte-1ctqrjb {
		border: 1px solid var(--border);
		border-radius: 8px;
		background: var(--surface);
		overflow: hidden;
	}

	.toolbar.svelte-1ctqrjb {
		display: flex;
		align-items: center;
		gap: 0.25rem;
		padding: 0.4rem 0.5rem;
		border-bottom: 1px solid var(--border);
		background: var(--bg);
		flex-wrap: wrap;
	}

	.toolbar.svelte-1ctqrjb button:where(.svelte-1ctqrjb) {
		border: none;
		background: none;
		color: var(--muted);
		font-family: inherit;
		font-size: 0.85rem;
		padding: 0.3rem 0.5rem;
		border-radius: 5px;
		cursor: pointer;
		line-height: 1;
	}

	.toolbar.svelte-1ctqrjb button:where(.svelte-1ctqrjb):hover {
		background: var(--border);
		color: var(--text);
	}

	.toolbar.svelte-1ctqrjb button.active:where(.svelte-1ctqrjb) {
		background: var(--accent);
		color: #fff;
	}

	.sep.svelte-1ctqrjb {
		width: 1px;
		height: 1.1rem;
		background: var(--border);
		margin: 0 0.15rem;
	}

	.close-bar.svelte-1ctqrjb {
		display: flex;
		justify-content: flex-end;
		padding: 0.5rem;
		border-top: 1px solid var(--border);
		background: var(--bg);
	}

	.close-btn.svelte-1ctqrjb {
		border: 1px solid var(--border);
		border-radius: 6px;
		background: none;
		color: var(--muted);
		font-family: inherit;
		font-size: 0.85rem;
		padding: 0.35rem 0.8rem;
		cursor: pointer;
	}

	.close-btn.svelte-1ctqrjb:hover {
		background: var(--border);
		color: var(--text);
	}

	.content.svelte-1ctqrjb {
		padding: 0.25rem 1rem 1rem;
		font-size: 1.05rem;
		line-height: 1.35;
		min-height: 260px;
	}

	.content.svelte-1ctqrjb .ProseMirror {
		outline: none;
	}

	.content.svelte-1ctqrjb p {
		margin: 0 0 0.75em;
	}

	.content.svelte-1ctqrjb h1 {
		font-size: 1.5em;
		font-weight: 600;
		margin: 0.6em 0 0.35em;
	}

	.content.svelte-1ctqrjb h2 {
		font-size: 1.25em;
		font-weight: 600;
		margin: 0.6em 0 0.35em;
	}

	.content.svelte-1ctqrjb h3 {
		font-size: 1.1em;
		font-weight: 600;
		margin: 0.6em 0 0.35em;
	}

	.content.svelte-1ctqrjb h4 {
		font-size: 1em;
		font-weight: 600;
		margin: 0.6em 0 0.35em;
	}

	.content.svelte-1ctqrjb ul,
	.content.svelte-1ctqrjb ol {
		margin: 0 0 0.75em;
		padding-left: 1.4em;
	}

	/* Pull a list tight against a heading directly above it, so they read as one group */
	.content.svelte-1ctqrjb h1:has(+ ul),
	.content.svelte-1ctqrjb h1:has(+ ol),
	.content.svelte-1ctqrjb h2:has(+ ul),
	.content.svelte-1ctqrjb h2:has(+ ol),
	.content.svelte-1ctqrjb h3:has(+ ul),
	.content.svelte-1ctqrjb h3:has(+ ol),
	.content.svelte-1ctqrjb h4:has(+ ul),
	.content.svelte-1ctqrjb h4:has(+ ol) {
		margin-bottom: 0;
	}

	/* Close the gap between a category's content and the next heading, so the
	   five default categories sit flush against each other with no dead space. */
	.content.svelte-1ctqrjb p:has(+ h1),
	.content.svelte-1ctqrjb p:has(+ h2),
	.content.svelte-1ctqrjb p:has(+ h3),
	.content.svelte-1ctqrjb p:has(+ h4) {
		margin-bottom: 0;
	}

	.content.svelte-1ctqrjb p + h1,
	.content.svelte-1ctqrjb p + h2,
	.content.svelte-1ctqrjb p + h3,
	.content.svelte-1ctqrjb p + h4 {
		margin-top: 0;
	}

	/* Two headings directly adjacent (e.g. the default categories, before any
	   text is written under them) should have zero gap between them. */
	.content.svelte-1ctqrjb h1:has(+ h1),
	.content.svelte-1ctqrjb h1:has(+ h2),
	.content.svelte-1ctqrjb h1:has(+ h3),
	.content.svelte-1ctqrjb h1:has(+ h4),
	.content.svelte-1ctqrjb h2:has(+ h1),
	.content.svelte-1ctqrjb h2:has(+ h2),
	.content.svelte-1ctqrjb h2:has(+ h3),
	.content.svelte-1ctqrjb h2:has(+ h4),
	.content.svelte-1ctqrjb h3:has(+ h1),
	.content.svelte-1ctqrjb h3:has(+ h2),
	.content.svelte-1ctqrjb h3:has(+ h3),
	.content.svelte-1ctqrjb h3:has(+ h4),
	.content.svelte-1ctqrjb h4:has(+ h1),
	.content.svelte-1ctqrjb h4:has(+ h2),
	.content.svelte-1ctqrjb h4:has(+ h3),
	.content.svelte-1ctqrjb h4:has(+ h4) {
		margin-bottom: 0;
	}

	.content.svelte-1ctqrjb h1 + h1,
	.content.svelte-1ctqrjb h1 + h2,
	.content.svelte-1ctqrjb h1 + h3,
	.content.svelte-1ctqrjb h1 + h4,
	.content.svelte-1ctqrjb h2 + h1,
	.content.svelte-1ctqrjb h2 + h2,
	.content.svelte-1ctqrjb h2 + h3,
	.content.svelte-1ctqrjb h2 + h4,
	.content.svelte-1ctqrjb h3 + h1,
	.content.svelte-1ctqrjb h3 + h2,
	.content.svelte-1ctqrjb h3 + h3,
	.content.svelte-1ctqrjb h3 + h4,
	.content.svelte-1ctqrjb h4 + h1,
	.content.svelte-1ctqrjb h4 + h2,
	.content.svelte-1ctqrjb h4 + h3,
	.content.svelte-1ctqrjb h4 + h4 {
		margin-top: 0;
	}

	.content.svelte-1ctqrjb li {
		margin: 0;
	}

	.content.svelte-1ctqrjb li p {
		margin: 0;
	}

	.content.svelte-1ctqrjb a {
		color: var(--accent);
		text-decoration: underline;
		cursor: pointer;
	}

	.content.svelte-1ctqrjb .hashtag {
		color: var(--accent);
		font-weight: 600;
	}

	.content.svelte-1ctqrjb strong {
		font-weight: 700;
	}

	.content.svelte-1ctqrjb p.is-editor-empty:first-child::before {
		content: attr(data-placeholder);
		color: var(--muted);
		float: left;
		height: 0;
		pointer-events: none;
	}