.wp-block-publishflow-blocks-resource-library {
	padding: 1.5rem;
	border: 1px solid #d7dfef;
	border-radius: 24px;
	background: linear-gradient(180deg, #fbfcff 0%, #f4f7fb 100%);
}

.publishflow-resource-library__editor-header {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 1rem;
	align-items: start;
	margin-bottom: 1rem;
}

.publishflow-resource-library__editor-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3.25rem;
	height: 3.25rem;
	border-radius: 18px;
	background: #dbeafe;
	color: #1d4ed8;
}

.publishflow-resource-library__editor-icon svg {
	width: 1.5rem;
	height: 1.5rem;
	fill: currentcolor;
}

.publishflow-resource-library__editor-mode {
	margin: 0 0 1rem;
	color: #475569;
}

.publishflow-resource-library__editor-preview {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.875rem;
}

.publishflow-resource-library__editor-card {
	padding: 1rem;
	border: 1px solid #d7dfef;
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.92);
}

.publishflow-resource-library__editor-card h4 {
	margin: 0 0 0.5rem;
	font-size: 1rem;
}

.publishflow-resource-library__editor-card p {
	margin: 0;
	color: #475569;
	font-size: 0.92rem;
}

@media (max-width: 782px) {

	.publishflow-resource-library__editor-header,
	.publishflow-resource-library__editor-preview {
		grid-template-columns: 1fr;
	}
}