body.hasmaster-prompts-ui .hasmaster-mermaid {
	padding: 0.75rem;
	border-radius: 10px;
	border: 1px solid var(--wp--preset--color--border);
	background: var(--wp--preset--color--surface);
}

body.hasmaster-prompts-ui .hasmaster-mermaid .mermaid {
	display: flex;
	justify-content: center;
}

body.hasmaster-prompts-ui .hasmaster-mermaid .promptStep > rect,
body.hasmaster-prompts-ui .hasmaster-mermaid .promptStep > path,
body.hasmaster-prompts-ui .hasmaster-mermaid .promptStep > polygon {
	stroke: var(--wp--preset--color--accent) !important;
	stroke-width: 3px !important;
}

body.hasmaster-prompts-ui .wp-block-code {
	position: relative;
	border: 1px solid #616b7d;
	border-radius: 10px;
	background: #3b4250;
	color: #f7f9fb;
	padding: 0.8rem 1rem;
}

body.hasmaster-prompts-ui .wp-block-code code {
	display: block;
	font-family: ui-monospace, monospace;
	font-size: 0.9rem;
	line-height: 1.5;
	white-space: pre-wrap;
	word-break: break-word;
}

body.hasmaster-prompts-ui .hasmaster-copy-code-button {
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
	border: 1px solid #5e6673;
	border-radius: 7px;
	background: rgba(255, 255, 255, 0.08);
	color: #f2f5f7;
	padding: 0.2rem 0.55rem;
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
}

body.hasmaster-prompts-ui .hasmaster-copy-code-button:hover,
body.hasmaster-prompts-ui .hasmaster-copy-code-button:focus-visible {
	border-color: #ffffff;
	background: rgba(255, 255, 255, 0.18);
}

body.hasmaster-prompts-ui .hasmaster-copy-code-button.is-success {
	border-color: #8ccf9f;
	color: #dbffe5;
}