.settings-group {
    transition: all 0.3s ease;
    margin-top: 15px;
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 5px;
}

.settings-group[style*="display: none"] {
    display: none !important;
    opacity: 0;
    height: 0;
    padding: 0;
    margin: 0;
    border: none;
}

#editor-container img {
    transition: transform 0.1s ease;
    will-change: transform;
}

.branding-table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
}

.branding-table th,
.branding-table td {
    border: 1px solid #ccc;
    padding: 8px;
    vertical-align: top;
}

.branding-table th:nth-child(2),
.branding-table td:nth-child(2) {
    width: 600px;
    max-width: 600px;
    overflow-wrap: break-word;
}

.branding-table pre {
    white-space: pre-wrap;
    word-break: break-word;
    margin: 0;
}

.field-block {
	width: 70px;
	text-align: center;
	cursor: grab;
	background: #f8f9fa;
	border: 1px solid #ccc;
	padding: 5px;
	border-radius: 5px;
}
.chain-item {
	width: 70px;
	text-align: center;
	background: #d1ecf1;
	border: 1px solid #17a2b8;
	padding: 5px;
	border-radius: 5px;
	cursor: default;
}

.drag-preview {
	opacity: 0.6;
	pointer-events: none;
	position: absolute;
}

.field-block {
	cursor: grab;
}