.six-bs-mainapp-editor {
	display: grid;
	grid-template-columns: 1fr 360px;
	gap: 24px;
	align-items: start;
	max-width: 1100px;
}

.six-bs-mainapp-editor__list {
	margin: 0 0 12px;
	padding: 0;
	list-style: none;
	border: 1px solid #c3c4c7;
	border-radius: 6px;
	background: #fff;
	min-height: 44px;
}

.six-bs-mainapp-editor__item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-bottom: 1px solid #f0f0f1;
}
.six-bs-mainapp-editor__item:last-child { border-bottom: 0; }

.six-bs-mainapp-editor__drag {
	cursor: move;
	display: inline-flex;
	width: 18px;
	justify-content: center;
	color: #646970;
	font-weight: 700;
}
.six-bs-mainapp-editor__label { flex: 1; }
.six-bs-mainapp-editor__remove {
	font-size: 18px;
	line-height: 1;
	color: #d63638;
	text-decoration: none;
}
.six-bs-mainapp-editor__remove:hover { color: #b32d2e; }

.six-bs-mainapp-editor__add {
	display: flex;
	gap: 8px;
	align-items: center;
}
.six-bs-mainapp-editor__select { min-width: 220px; }

.six-bs-mainapp-preview {
	border: 1px solid #c3c4c7;
	border-radius: 14px;
	background: #fff;
	padding: 10px;
	box-shadow: 0 1px 2px rgba(0,0,0,.06);
}
.six-bs-mainapp-preview__menu {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	padding: 8px;
	border: 1px dashed #dcdcde;
	border-radius: 10px;
	min-height: 38px;
}
.six-bs-mainapp-preview__menu-item {
	background: #f0f6fc;
	border: 1px solid #c5d9f1;
	color: #0a4b78;
	padding: 4px 8px;
	border-radius: 999px;
	font-size: 12px;
	white-space: nowrap;
}
.six-bs-mainapp-preview__menu-empty {
	color: #646970;
	font-size: 12px;
}
.six-bs-mainapp-preview__qr {
	margin-top: 10px;
	border: 1px dashed #dcdcde;
	border-radius: 10px;
	padding: 16px 12px;
	display: grid;
	justify-items: center;
}
.six-bs-mainapp-preview__qr-img {
	width: 176px;
	height: 176px;
	background:
		linear-gradient(90deg, #000 8px, transparent 8px) 0 0/24px 24px,
		linear-gradient(#000 8px, transparent 8px) 0 0/24px 24px;
	opacity: .12;
	border-radius: 8px;
}
.six-bs-mainapp-preview__phone {
	margin-top: 10px;
	color: #1d2327;
	font-weight: 600;
	font-size: 13px;
}

@media (max-width: 1200px) {
	.six-bs-mainapp-editor { grid-template-columns: 1fr; }
}