.cip-icon-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(76px, 1fr));
	gap: 8px;
	max-height: 360px;
	overflow-y: auto;
	padding: 4px 2px;
}
.cip-icon-grid__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	padding: 8px 4px;
	border: 1px solid #ddd;
	border-radius: 6px;
	background: #fff;
	cursor: pointer;
}
.cip-icon-grid__item:hover {
	border-color: #007cba;
}
.cip-icon-grid__item img {
	width: 32px;
	height: 32px;
	object-fit: contain;
}
.cip-icon-grid__label {
	font-size: 11px;
	color: #555;
	text-align: center;
	word-break: break-all;
}
.cip-icon-empty {
	font-size: 13px;
	color: #757575;
}
.cip-icon-preview,
.cip-icon-placeholder {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	padding: 16px;
	border: 1px dashed #ccc;
	border-radius: 6px;
}

.wp-block-cip-icon-wrap {
	display: inline-block;
}
.wp-block-cip-icon {
	display: inline-block;
	vertical-align: middle;
}

/* 文字装飾ツールバーから挿入するインラインアイコン。文字サイズに合わせて自動で拡大縮小する。 */
.cip-inline-icon {
	display: inline-block;
	width: 1.1em;
	height: 1.1em;
	vertical-align: -0.15em;
	object-fit: contain;
}