.site-markdown-editor {
	--site-editor-accent: #8c6cff;
	--site-editor-cyan: #41cfff;
	position: relative;
	display: flex;
	width: 100%;
	height: fit-content;
	min-height: 0;
	min-width: 0;
	overflow: visible;
	flex-direction: column;
	container-name: site-markdown-editor;
	container-type: inline-size;
	border: 1px solid rgba(140, 108, 255, .32);
	color: #c8d0df;
	background: rgba(5, 8, 20, .48);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), 0 18px 44px rgba(0, 0, 0, .2);
	text-transform: none;
	transition: border-color 180ms ease, box-shadow 180ms ease;
}

.site-markdown-editor:hover {
	border-color: rgba(140, 108, 255, .46);
}

.site-markdown-editor:focus-within {
	border-color: rgba(140, 108, 255, .7);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03), 0 0 19px rgba(140, 108, 255, .09), 0 20px 46px rgba(0, 0, 0, .22);
}

.site-markdown-editor__history {
	display: flex;
	align-items: stretch;
}

.site-markdown-editor__history button {
	display: grid;
	width: 46px;
	height: 46px;
	min-width: 46px;
	min-height: 46px;
	padding: 0;
	border: 0;
	border-left: 1px solid rgba(126, 144, 222, .13);
	border-radius: 0;
	place-items: center;
	color: #8792a9;
	background: transparent;
	cursor: pointer;
	transition: color 150ms ease, background-color 150ms ease, box-shadow 150ms ease;
}

.site-markdown-editor__history button svg {
	width: 18px;
	height: 18px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.75;
}

.site-markdown-editor__history button:hover:not(:disabled),
.site-markdown-editor__history button:focus-visible:not(:disabled) {
	color: #e2dcff;
	background: rgba(140, 108, 255, .08);
	box-shadow: inset 0 -2px 0 rgba(140, 108, 255, .72);
	outline: none;
}

.site-markdown-editor__history button:disabled {
	color: #3c4559;
	cursor: default;
}

.site-markdown-editor__toolbar {
	position: relative;
	z-index: 5;
	display: flex;
	min-width: 0;
	min-height: 45px;
	flex: 0 0 auto;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px;
	overflow: visible;
	padding: 5px 8px;
	border-bottom: 1px solid rgba(126, 144, 222, .13);
	background: rgba(7, 10, 23, .65);
}

.site-markdown-editor__tools {
	display: contents;
}

.site-markdown-editor__format-control {
	position: relative;
	z-index: 2;
	width: 148px;
	height: 32px;
	flex: 0 0 auto;
}

.site-markdown-editor__format {
	width: 100%;
	height: 32px;
}

.site-markdown-editor__format .site-dropdown__trigger {
	height: 32px;
	min-height: 32px;
	padding: 0 9px 0 11px;
	border-color: rgba(126, 144, 222, .18);
	background: rgba(5, 8, 20, .3);
}

.site-markdown-editor__format .site-dropdown__copy strong {
	font-size: 11px;
	line-height: 1;
}

.site-markdown-editor__format .site-dropdown__trigger > svg {
	width: 14px;
	height: 14px;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.75;
}

.site-markdown-editor__format .site-dropdown__surface {
	max-height: 180px;
}

.site-markdown-editor__format .site-dropdown__option {
	min-height: 32px;
	padding-right: 10px;
	padding-left: 12px;
	font-size: 11px;
}

.site-markdown-editor__tool-group {
	display: flex;
	align-items: center;
	gap: 2px;
	padding-right: 5px;
	margin-right: 1px;
	border-right: 1px solid rgba(126, 144, 222, .12);
}

.site-markdown-editor__tool-group > button,
.site-markdown-editor__toolbar .site-markdown-editor__clear {
	display: grid;
	width: 32px;
	height: 32px;
	min-width: 32px;
	min-height: 32px;
	flex: 0 0 auto;
	padding: 0;
	border: 1px solid transparent;
	border-radius: 0;
	place-items: center;
	color: #7f8aa1;
	background: transparent;
	font: 400 12px/1 "JetBrainsMono", "JetBrains Mono", Consolas, monospace;
	cursor: pointer;
	transition: color 140ms ease, border-color 140ms ease, background-color 140ms ease, box-shadow 140ms ease;
}

.site-markdown-editor__tool-group > button:hover,
.site-markdown-editor__tool-group > button:focus-visible,
.site-markdown-editor__tool-group > button.is-active,
.site-markdown-editor__toolbar .site-markdown-editor__clear:hover,
.site-markdown-editor__toolbar .site-markdown-editor__clear:focus-visible,
.site-markdown-editor__toolbar .site-markdown-editor__clear.is-active {
	border-color: rgba(140, 108, 255, .34);
	color: #ded8ff;
	background: rgba(140, 108, 255, .085);
	box-shadow: 0 0 10px rgba(140, 108, 255, .055);
	outline: none;
}

.site-markdown-editor__tool-group > button:active,
.site-markdown-editor__toolbar .site-markdown-editor__clear:active {
	border-color: rgba(140, 108, 255, .64);
	background: rgba(140, 108, 255, .15);
}

.site-markdown-editor__tool-group > button > svg,
.site-markdown-editor__toolbar .site-markdown-editor__clear > svg {
	width: 18px;
	height: 18px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.75;
}
.site-markdown-editor__clear { margin-left: auto; }

.site-markdown-editor__surface {
	min-width: 0;
	min-height: var(--site-markdown-editor-height, 420px);
	max-height: min(58vh, 650px);
	flex: 0 1 auto;
	overflow: auto;
	overscroll-behavior: contain;
	padding: 32px 38px 40px;
	border: 0;
	outline: none;
	background: linear-gradient(120deg, rgba(6, 11, 25, .86), rgba(10, 9, 27, .91));
	caret-color: #f2efff;
	text-transform: none;
	scrollbar-color: rgba(140, 108, 255, .48) rgba(5, 8, 20, .28);
	scrollbar-width: thin;
}

.site-markdown-editor__surface:empty::before {
	color: #505b72;
	content: attr(data-placeholder);
	pointer-events: none;
}

.site-markdown-editor__surface::selection,
.site-markdown-editor__surface *::selection {
	color: #fff;
	background: rgba(140, 108, 255, .34);
}

/* Content typography is shared with public readers in site-rich-text.css. */
.site-markdown-editor__surface a { cursor:text; }
/* Transient native-command probe; removed synchronously before painting. */
.site-markdown-editor__surface.is-native-bold-command :is(strong,b) { font-weight:700; }

.site-markdown-editor__insert-panel {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 7px;
}

.site-markdown-editor__insert-panel[hidden] { display: none !important; }

.site-markdown-editor__insert-panel label {
	display: block;
	margin: 0;
	min-width: 0;
	color: #808ca4;
	font: 400 10px/1 "GothamPro", "Gotham Pro", sans-serif;
	letter-spacing: .055em;
	text-transform: uppercase;
}

.site-markdown-editor__insert-panel input {
	flex: 1;
	min-width: 0;
	margin: 0;
	width: 100%;
	height: 36px;
	min-height: 36px;
	padding: 0 10px;
	border: 1px solid rgba(126, 144, 222, .24);
	border-radius: 0;
	outline: none;
	color: #e2e6f1;
	background: rgba(3, 6, 16, .6);
	font: 400 12px/1 "GothamPro", "Gotham Pro", sans-serif;
	text-transform: none;
}

.site-markdown-editor__insert-panel input:focus {
	border-color: rgba(65, 207, 255, .58);
	box-shadow: inset 2px 0 0 rgba(65, 207, 255, .72);
}

.site-markdown-editor__insert-panel > div {
	display: flex;
	align-items: center;
	gap: 5px;
}

.site-markdown-editor__insert-panel button {
	display: grid;
	flex: 0 0 36px;
	margin: 0;
	width: 36px;
	height: 36px;
	min-width: 36px;
	min-height: 36px;
	padding: 0;
	border: 1px solid rgba(126, 144, 222, .24);
	border-radius: 0;
	place-items: center;
	color: #98a3ba;
	background: rgba(5, 8, 20, .62);
	cursor: pointer;
}

.site-markdown-editor__insert-panel button[hidden] {
	display: none !important;
}

.site-markdown-editor__insert-panel button:last-child {
	border-color: rgba(140, 108, 255, .44);
	color: #c4b8fa;
}

.site-markdown-editor__insert-panel .site-markdown-editor__insert-remove {
	border-color: rgba(255, 78, 98, .34);
	color: #ff8290;
	background: rgba(89, 13, 28, .22);
}

.site-markdown-editor__insert-panel .site-markdown-editor__insert-remove:hover,
.site-markdown-editor__insert-panel .site-markdown-editor__insert-remove:focus-visible {
	border-color: rgba(255, 78, 98, .68);
	color: #ffd5d9;
	background: rgba(255, 78, 98, .12);
}

.site-markdown-editor__insert-panel button:hover,
.site-markdown-editor__insert-panel button:focus-visible {
	border-color: rgba(140, 108, 255, .7);
	color: #fff;
	background: rgba(140, 108, 255, .12);
	outline: none;
}

.site-markdown-editor__insert-panel button svg {
	width: 17px;
	height: 17px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

.site-markdown-editor__status {
	display: flex;
	height: 35px;
	min-width: 0;
	min-height: 35px;
	flex: 0 0 35px;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 0 0 0 13px;
	border-top: 1px solid rgba(126, 144, 222, .13);
	color: #59657c;
	background: rgba(7, 10, 23, .68);
	font: 400 10px/1 "GothamPro", "Gotham Pro", sans-serif;
	letter-spacing: .025em;
}

.site-markdown-editor__status > span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.site-markdown-editor__status .site-markdown-editor__history button {
	width: 34px;
	height: 34px;
	min-width: 34px;
	min-height: 34px;
}

.site-markdown-editor__status .site-markdown-editor__history button svg {
	width: 16px;
	height: 16px;
}

.site-markdown-editor__visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

@container site-markdown-editor (max-width: 760px) {
	.site-markdown-editor__toolbar {
		flex-wrap: nowrap;
	}

	.site-markdown-editor__tools {
		display: flex;
		min-width: 0;
		flex: 1 1 auto;
		align-items: center;
		align-self: stretch;
		gap: 4px;
		overflow-x: auto;
		overflow-y: hidden;
		scrollbar-width: none;
	}

	.site-markdown-editor__tools::-webkit-scrollbar {
		display: none;
	}

	.site-markdown-editor__tool-group {
		flex: 0 0 auto;
	}

	.site-markdown-editor__clear {
		flex: 0 0 auto;
	}
}

@container site-markdown-editor (max-width: 500px) {
	.site-markdown-editor__format-control {
		width: 132px;
	}

	.site-markdown-editor__insert-panel {
		grid-template-columns: minmax(0, 1fr);
		align-items: stretch;
	}

	.site-markdown-editor__insert-panel > div {
		justify-content: flex-end;
	}
}

.site-markdown-editor--compact .site-markdown-editor__surface {
	padding: 22px 28px 26px;
}

@media (max-width: 720px) {
	.site-markdown-editor__surface {
		padding: 25px 23px 32px;
	}

	.site-markdown-editor--compact .site-markdown-editor__surface {
		padding: 20px 20px 24px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.site-markdown-editor,
	.site-markdown-editor * {
		transition-duration: .01ms !important;
	}
}
.site-editor-block-menu,.site-editor-block-menu button { font-family:GothamPro,sans-serif;font-weight:400; }
.site-editor-block-menu { position:fixed;z-index:1200;width:230px;max-height:360px;overflow:auto;padding:10px;border:1px solid #a58af770;background:#121027f5;box-shadow:0 12px 40px #0009;backdrop-filter:blur(20px); }.site-editor-block-menu>span { display:block;color:#9788ae;font-size:12px;padding:8px; }.site-editor-block-menu button { display:block;width:100%;padding:9px;text-align:left;background:none;border:0;color:#cfc2e4;font-size:13px;cursor:pointer; }.site-editor-block-menu button:hover,.site-editor-block-menu button:focus { background:#a58af71c;color:white;outline:0; }
.site-editor-block-menu[hidden] { display:none; }

/* Selection tools share the compact glass language of the icon picker.
   The native top layer avoids clipping by a modal or a scrolling editor. */
.site-editor-popover { position:fixed;inset:auto;margin:0;z-index:16001;box-sizing:border-box;width:min(390px,calc(100vw - 24px));padding:12px;border:1px solid #8c6cff55;border-radius:0;color:#c4bad8;background:transparent;box-shadow:0 16px 44px #0008;font:400 12px/1.5 GothamPro,sans-serif;overflow:visible;backdrop-filter:none;-webkit-backdrop-filter:none; }
.site-editor-popover::before { content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,#a58af70b,transparent),#0d0e20e0;backdrop-filter:blur(22px) saturate(135%);pointer-events:none; }
.site-editor-popover[hidden] { display:none!important; }
.site-editor-popover-heading { display:flex;align-items:center;gap:8px;margin:-1px 0 12px;padding-bottom:9px;border-bottom:1px solid #a58af726;color:#d6c9ef;font:400 12px/20px GothamPro,sans-serif; }
.site-editor-popover-heading>svg { width:17px;height:17px;color:#ac92ee; }
.site-editor-popover-heading>button { margin-left:auto; }
.site-editor-popover :is(button,input) { box-sizing:border-box;font-family:GothamPro,sans-serif;font-weight:400; }
.site-editor-popover button { display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:6px 8px;border:1px solid transparent;border-radius:2px;background:transparent;color:#b8aacd;font-size:12px;line-height:18px;cursor:pointer;transition:color .15s,background-color .15s,border-color .15s; }
.site-editor-popover button::after { display:none; }
.site-editor-popover button:is(:hover,:focus-visible):not(:disabled) { color:#fff;border-color:#a58af760;background:#a58af71a;outline:none;box-shadow:none;text-shadow:none; }
.site-editor-popover button[aria-pressed=true],.site-editor-popover button.is-primary { color:#dfd0ff;background:#a58af71f;border-color:#a58af760; }
.site-editor-popover button.is-danger { color:#f18a9d; }
.site-editor-popover button:disabled { opacity:.35;cursor:not-allowed; }
.site-editor-popover button>svg { width:16px;height:16px;flex:0 0 16px; }
.site-editor-popover .site-editor-popover-heading>button { width:28px;height:28px;min-height:0;padding:0; }
.site-editor-popover .site-editor-callout-options { grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:0 0 12px; }
.site-editor-popover .site-editor-callout-options button { justify-content:flex-start; }
.site-editor-popover [data-callout-style=error] { color:#f18a9d; }.site-editor-popover [data-callout-style=warning] { color:#ddbd75; }.site-editor-popover [data-callout-style=info] { color:#85cbea; }.site-editor-popover [data-callout-style=success] { color:#85caa5; }
.site-editor-popover .site-editor-callout-actions,.site-editor-popover-actions { display:flex;justify-content:flex-end;flex-wrap:wrap;gap:4px;margin-top:12px;padding-top:10px;border-top:1px solid #a58af726; }
.site-editor-popover-actions .is-danger { margin-right:auto; }
.site-editor-popover .site-editor-callout-actions button { flex:0 1 auto; }
.site-editor-popover .site-editor-callout-label,.site-editor-popover>label { font-size:10px;margin-bottom:7px; }
.site-editor-popover.site-markdown-editor__insert-panel>label { margin:0; }
.site-editor-popover .site-markdown-editor__insert-row button { height:36px;min-height:36px;padding:0; }
.site-editor-popover.is-height-constrained { overflow:auto;scrollbar-width:thin;scrollbar-color:#a58af760 transparent; }
.site-editor-popover .site-icon-picker__trigger { min-height:36px;height:36px;width:100%;justify-content:flex-start; }
.site-editor-popover .site-icon-picker__trigger>svg:last-child { margin-left:auto; }
.site-editor-popover .site-icon-picker__panel button { padding:0; }
.site-editor-popover .site-icon-picker__panel { font-size:12px; }
.site-editor-table-panel { max-height:calc(100dvh - 100px);overflow:auto;scrollbar-width:thin;scrollbar-color:#a58af760 transparent; }
.site-editor-table-size { display:flex;align-items:flex-end;gap:12px; }
.site-editor-table-size>span { align-self:center;margin-top:15px;color:#7c6e98; }
.site-editor-table-size>label { display:grid;gap:5px;flex:1;min-width:0;color:#a69ab9;font-size:11px; }
.site-editor-table-size input { width:100%;min-width:0;height:34px;min-height:0;padding:6px 10px;border:1px solid #a58af735;border-radius:2px;background:#080b19b3;color:#dcd1ef;font-size:13px; }
.site-editor-table-size input:focus { outline:1px solid #a58af780; }
.site-editor-table-preview { max-height:132px;margin-top:12px;overflow:auto;scrollbar-width:thin;scrollbar-color:#a58af760 transparent; }
.site-editor-table-preview>div { display:grid;gap:3px; }
.site-editor-table-preview button { min-width:0;min-height:27px;height:27px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-color:#a58af728;padding:3px 7px;font-size:10px; }
.site-editor-table-preview .is-heading { color:#d3c4ed;background:#a58af70e; }
.site-editor-popover-hint { color:#92869f;font:400 11px/1.5 GothamPro,sans-serif;margin:9px 0 12px; }
.site-editor-table-options { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px; }
.site-editor-table-options label { display:flex;align-items:center;gap:7px;min-width:0;font-size:11px;cursor:pointer; }
.site-editor-table-alignment { display:flex;align-items:center;gap:4px;margin-top:12px;padding-top:10px;border-top:1px solid #a58af726; }
.site-editor-table-alignment>span { margin-right:auto;font-size:11px;color:#a69ab9; }
.site-editor-table-structure { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;margin-top:8px; }
.site-editor-table-structure button { justify-content:flex-start;font-size:11px; }
.site-markdown-editor__format .site-dropdown__menu { min-width:min(260px,calc(100vw - 32px)); }
.site-markdown-editor__format .site-dropdown__surface { max-height:280px; }
.site-markdown-editor__format .site-dropdown__option { padding:10px 12px;line-height:1.5;color:#e6ddf7; }
.site-markdown-editor__format .site-dropdown__option[data-value=p] { font-size:16px;color:#c1bacf; }
.site-markdown-editor__format .site-dropdown__option[data-value=h2] { font-size:24px; }
.site-markdown-editor__format .site-dropdown__option[data-value=h3] { font-size:20px; }
.site-markdown-editor__format .site-dropdown__option[data-value=h4] { font-size:17px; }