div[top] {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

div[top] span[pulldown] > div {
	right: 0;
}

[waiting-ai-icon] {
	width: 100px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 3000;
	display: none;
}

[ai_container] textarea {
	display: block;
	width: 100%;
	margin-top: 36px;
}
[ai_container] div[buttons] {
	display: flex;
	justify-content: flex-end;
	margin-top: 8px;
	padding-bottom: 8px;
	gap: 8px;
}

dialog[edit] {
	width: 600px;
	max-width: 90%;
}
dialog[edit] input[type=text] {
	width: 100%;
}

div[role=assistant]:has(option[value=hide_text]:checked) div[message] {
	filter: blur(5px);
}
div[role=assistant]:has(option[value=hide_ruby]:checked) div[message] rt {
	filter: blur(5px);
}
div[role=assistant]:has(option[value=show_trans]:checked) div[trans] {
	display: block;
}

div[controls] {
	margin-top: 16px;
}