div[bbcode_editor] * {
 	box-sizing: border-box;
}
div[bbcode_editor] textarea {
	font: inherit;
	padding: 7px;
	border-color: #DDDDDD;
	width: 100%;
}

div[bbcode_editor] input[type="file"] {
	display: none;
}

div[bbcode_editor] input[type="checkbox"],
div[bbcode_editor] button {
	cursor: pointer;
}

div[bbcode_editor] div[buttons] {
	display: flex;
	gap: 4px;
	align-items: center;
}
div[bbcode_editor] div[buttons="top"] {
	margin-bottom: 2px;
}
div[bbcode_editor] div[buttons="bottom"] {
	justify-content: flex-end;
}
div[bbcode_editor] button {
	padding-top: 2px;
}
div[bbcode_editor] button:has(img) {
	border: 0;
	background-color: transparent;
	border-radius: 4px;
}
div[bbcode_editor] button input[type="checkbox"] {
	margin: 0;
}
div[bbcode_editor] button:has(img):hover {
	background-color: lightgrey;
}
div[bbcode_editor] button[checked] {
	background-color: lightblue;
}
div[bbcode_editor] button:disabled {
	cursor: not-allowed;
	background-color: initial;
	opacity: 0.3;
}
div[bbcode_editor] div[buttons] img {
	height: 24px;
}
div[bbcode_editor] div[preview] {
	display: none;
	border: solid #888888;
	padding: 7px;
	margin-bottom: 4px;
}


div[from_bbcode] {
	white-space: pre-wrap;
	line-height: 1.4;
}
div[from_bbcode] code {
	display: block;
	background-color: #EEE;
	padding: 7px;
}
div[from_bbcode] code[inline] {
	display: initial;
	padding: 1px;
}
div[from_bbcode] img {
	max-width: 100%;
}
div[from_bbcode] iframe {
	max-width: 100%;
}