.editor {
	border: 1px solid var(--line-strong);
	border-radius: 4px;
	overflow: hidden;
}

.editor-notice {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 10px;
	align-items: center;
	padding: 9px 12px;
	background: var(--bad-soft);
	border-left: 4px solid var(--bad-fill);
	border-bottom: 1px solid var(--line-strong);
	font-size: 13px;
}

.editor-notice .i {
	color: var(--bad);
}

.editor-body {
	padding: 18px 20px 20px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.editor-title {
	font-size: 22px;
	font-weight: 600;
	line-height: 1.3;
}

.editor-pop {
	align-self: flex-start;
	max-width: 100%;
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 10px 12px;
	border: 1px solid var(--line-strong);
	border-radius: 4px;
	background: var(--surface);
	box-shadow: var(--shadow);
	font-size: 13px;
	overflow-wrap: anywhere;
}