.ap-guided-panel--hidden {
	display: none;
}

.ap-guided-panel--active {
	display: block;
	animation: cc-slide-in .18s ease;
}

@keyframes cc-slide-in {
	from { opacity: 0; transform: translateY(6px); }
	to { opacity: 1; transform: translateY(0); }
}

.ap-guided-stepper {
	display: flex;
	background: #fff;
	border: 1px solid #e7e6ef;
	border-radius: 14px;
	overflow: hidden;
	margin-bottom: 18px;
}

.ap-guided-stepper__item {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 13px 14px;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	border: none;
	border-right: 1px solid #ecebf4;
	background: transparent;
	color: #888;
	transition: background .14s, color .14s;
}

.ap-guided-stepper__item:last-child { border-right: none; }
.ap-guided-stepper__item:hover { background: #faf9ff; color: #534AB7; }
.ap-guided-stepper__item.is-active { background: #EEEDFE; color: #3C3489; font-weight: 500; }
.ap-guided-stepper__item.is-done { color: #3B6D11; }
.ap-guided-stepper__item[aria-disabled="true"] { cursor: default; opacity: .6; }
.ap-guided-stepper__item:disabled { cursor: default; opacity: .6; pointer-events: none; }

.ap-guided-stepper__num {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	border: 1px solid currentColor;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 700;
	flex-shrink: 0;
	transition: background .14s, border-color .14s;
}

.is-active .ap-guided-stepper__num { background: #534AB7; border-color: #534AB7; color: #fff; }
.is-done .ap-guided-stepper__num { background: #EAF3DE; border-color: #3B6D11; }

.ap-guided-stepper__item:focus-visible {
	outline: 2px solid #534AB7;
	outline-offset: 2px;
}

.ap-guided-stepper__nav-btn:focus-visible {
	outline: 2px solid #534AB7;
	outline-offset: 2px;
}

.ap-guided-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
	padding-top: 16px;
	border-top: 0.5px solid #e5e4f0;
}

.ap-guided-actions .ap-btn[disabled] {
	opacity: .45;
	cursor: default;
	pointer-events: none;
}

.ap-review-panel {
	background: #fff;
	border: 0.5px solid #e5e4f0;
	border-radius: 12px;
	padding: 20px;
}

.ap-review-card {
	background: #faf9ff;
	border: 0.5px solid #e5e4f0;
	border-radius: 10px;
	padding: 4px 16px;
	margin-bottom: 14px;
}

.ap-review-sentence {
	font-size: 14px;
	line-height: 1.7;
	color: #1a1830;
}

.ap-review-sentence strong { color: #534AB7; }

.ap-guided-error {
	margin-top: 6px;
	padding: 8px 12px;
	background: #FCEBEB;
	border: 0.5px solid #F09595;
	border-radius: 6px;
	font-size: 12px;
	color: #A32D2D;
	animation: cc-slide-in .15s ease;
}

#ap-play-form:not(.ap-editor-layout-advanced) .ap-guided-stepper {
	display: flex !important;
}

#ap-play-form[data-is-sequence="true"] .ap-step-panel--library-mode .ap-actions-bulk-hint {
	display: none;
}

.ap-guided-mode .ap-mode-toggle,
.ap-guided-mode .ap-step-connector,
.ap-guided-mode .ap-save-row:not(.ap-save-row--review) {
	display: none;
}

.ap-editor-layout-advanced .ap-guided-stepper,
.ap-editor-layout-advanced .ap-guided-actions,
.ap-editor-layout-advanced .ap-setup-checklist {
	display: none;
}

.ap-editor-layout-advanced .ap-step-panel {
	display: block !important;
}

.ap-editor-layout-advanced .ap-step-connector {
	display: flex;
}

.ap-editor-layout-advanced .ap-save-row {
	display: flex;
}

.ap-editor-layout-advanced .ap-mode-toggle--advanced-only {
	display: flex;
}

.ap-editor-layout-toggle {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 14px;
	padding: 10px 12px;
	background: #faf9ff;
	border: 0.5px solid #e5e4f0;
	border-radius: 10px;
}

.ap-editor-layout-toggle__btn {
	border: 1.5px solid #e5e4f0;
	background: #fff;
	color: #666;
	border-radius: 8px;
	padding: 7px 14px;
	font-size: 13px;
	cursor: pointer;
	transition: background .14s, border-color .14s, color .14s;
}

.ap-editor-layout-toggle__btn.is-active {
	background: #534AB7;
	border-color: #534AB7;
	color: #fff;
	font-weight: 500;
}

.ap-editor-layout-toggle__hint {
	font-size: 12px;
	color: #888;
	margin-left: 4px;
}

.ap-review-details {
	margin: 12px 0 0;
	padding: 0;
}

.ap-review-details__row {
	display: flex;
	gap: 10px;
	padding: 6px 0;
	border-top: 0.5px solid #eceaf8;
	font-size: 13px;
}

.ap-review-details__row dt {
	min-width: 120px;
	color: #666;
	margin: 0;
}

.ap-review-details__row dd {
	margin: 0;
	color: #1a1830;
	font-weight: 500;
}

.ap-review-preview {
	margin-top: 16px;
	border: 0.5px solid #e5e4f0;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
}

.ap-review-preview__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 14px;
	background: #faf9ff;
	border-bottom: 0.5px solid #e5e4f0;
}

.ap-review-preview__subject {
	margin: 0;
	padding: 8px 14px;
	font-size: 13px;
	color: #534AB7;
	border-bottom: 0.5px solid #f0eff8;
}

.ap-review-preview__frame-wrap {
	background: #f5f4fa;
	padding: 12px;
}

.ap-review-preview__iframe {
	width: 100%;
	min-height: 320px;
	border: 0;
	background: #fff;
	border-radius: 6px;
}

.ap-guided-mode[data-guided-step="review"] .ap-save-row--review {
	display: flex;
}

.ap-guided-mode .ap-step-panel {
	border-radius: 12px;
}

@media (max-width: 782px) {
	.ap-guided-stepper {
		flex-direction: column;
	}

	.ap-guided-stepper__item {
		justify-content: flex-start;
		border-right: none;
		border-bottom: 0.5px solid #e5e4f0;
	}

	.ap-guided-stepper__item:last-child {
		border-bottom: none;
	}
}
