#aibc-wizard-container{font-family:"IBM Plex Sans Arabic","Readex Pro","Tajawal","Noto Sans Arabic",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:#FFFFFF;border:0;padding:30px 20px;border-radius:16px;max-width:600px;margin:20px auto;position:relative;overflow:visible}.aibc-step{display:none}.aibc-step.active{display:block;animation:fadeIn .5s}@keyframes fadeIn{from{opacity:0}to{opacity:1}}#aibc-wizard-container h2{margin-top:0;color:#1F2937;font-weight:700}#aibc-wizard-container p{color:#6B7280}#aibc-wizard-container input[type=text],#aibc-wizard-container select,#aibc-wizard-container input[type=file]{width:100%;padding:12px 16px;border-radius:12px;border:1px solid #E5E7EB;margin-bottom:15px;box-sizing:border-box;font-family:inherit}#aibc-wizard-container button,.aibc-button-download{background-color:#1F2937;color:#fff;border:none;padding:12px 20px;border-radius:12px;cursor:pointer;font-size:16px;margin-right:10px;transition:background-color .3s;font-family:inherit}#aibc-wizard-container button:hover,.aibc-button-download:hover{background-color:#111827}.aibc-btn-back{background-color:#6B7280}.aibc-btn-back:hover{background-color:#4B5563}#aibc-chapters-list ul{list-style-type:decimal;padding-right:20px}#aibc-chapters-list li{background:#F9FAFB;border:1px solid #E5E7EB;padding:10px;margin-bottom:6px;border-radius:8px}#aibc-loader{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.9);z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:16px}.aibc-spinner{border:4px solid #E5E7EB;border-top:4px solid #0891B2;border-radius:50%;width:48px;height:48px;animation:spin 1s linear infinite}#aibc-loader-text{margin-top:15px;font-size:1.1em;color:#374151}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#aibc-error-message{background-color:#FEE2E2;color:#991B1B;border:1px solid #FECACA;padding:15px;border-radius:10px;margin-bottom:20px}.aibc-button-download{text-decoration:none;display:inline-block;text-align:center;margin-right:0;}.aibc-download-options{margin-top:15px;text-align:center;}.aibc-download-options form{display:inline-block;}.description{font-size:0.9em;color:#9CA3AF;margin-top:-10px;margin-bottom:15px;padding:8px 12px;background:#F9FAFB;border-radius:8px;border-right:3px solid #0891B2;}#aibc-balance{margin-bottom:15px;font-weight:600;color:#374151}#aibc-coupon-section{margin-bottom:20px;}#aibc-coupon-message{margin-top:10px;padding:12px;border-radius:10px;}#aibc-coupon-message.success{background-color:#D1FAE5;color:#065F46;border:1px solid #A7F3D0;}#aibc-coupon-message.error{background-color:#FEE2E2;color:#991B1B;border:1px solid #FECACA;}.aibc-cover-upload{background:#F9FAFB;border:1px solid #E5E7EB;border-right:3px solid #0891B2;padding:14px;border-radius:10px;margin-bottom:15px;}.aibc-cover-upload label{font-weight:600;margin-bottom:8px;display:block;color:#374151}
.aibc-chain-of-thought-option{background:#fff;border:1px solid #eee;border-right:3px solid #0073aa;padding:10px;border-radius:6px;margin-bottom:15px;display:flex;flex-direction:column;gap:5px;}
.aibc-chain-of-thought-option label{font-weight:bold;display:flex;align-items:center;gap:8px;margin:0;}
.aibc-secondary-style{background:#fff;border:1px solid #eee;border-right:3px solid #0073aa;padding:10px;border-radius:6px;margin-bottom:15px;}
.aibc-secondary-style label{font-weight:bold;margin-bottom:6px;display:block;}
.aibc-toc-layout-option{background:#fff;border:1px solid #eee;border-right:3px solid #0073aa;padding:10px;border-radius:6px;margin-bottom:15px;}
.aibc-toc-layout-option label{font-weight:bold;margin-bottom:6px;display:block;}
#aibc-editor-panel{background:#fff;border:1px solid #eee;border-right:3px solid #0073aa;padding:15px;border-radius:8px;margin-bottom:20px;}
.aibc-editor-accordion details{border:1px solid #ddd;border-radius:6px;margin-bottom:10px;background:#fafafa;overflow:hidden;}
.aibc-editor-accordion summary{cursor:pointer;padding:12px 16px;font-weight:bold;outline:none;}
.aibc-editor-body{padding:0 16px 16px;}
.aibc-chapter-editor{width:100%;resize:vertical;min-height:150px;padding:12px;border:1px solid #ccc;border-radius:4px;font-family:inherit;box-sizing:border-box;}
.aibc-editor-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:15px;}
.aibc-btn-primary{background-color:#0073aa;color:#fff;border:none;padding:12px 20px;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s;}
.aibc-btn-primary:hover{background-color:#005a87;}
.aibc-btn-secondary{background-color:#777;color:#fff;border:none;padding:12px 20px;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s;}
.aibc-btn-secondary:hover{background-color:#555;}
.aibc-editor-feedback{margin-bottom:15px;padding:12px;border-radius:4px;font-weight:bold;}
.aibc-editor-feedback.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb;}
.aibc-editor-feedback.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;}
.aibc-editor-empty{padding:20px;text-align:center;color:#666;}
#aibc-draft-resume{background:#fff;border:1px solid #eee;border-right:3px solid #0073aa;padding:15px;border-radius:8px;margin-bottom:20px;}
#aibc-draft-resume p{margin:0 0 10px;}
.aibc-draft-resume-actions{display:flex;gap:10px;flex-wrap:wrap;}
#aibc-mode-toggle{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px;justify-content:center;}
#aibc-mode-toggle .aibc-mode-button{background-color:#F4F4F5;color:#374151;border:0;padding:10px 18px;border-radius:999px;cursor:pointer;font-weight:600;transition:all .2s ease;}
#aibc-mode-toggle .aibc-mode-button.is-active{background-color:#1F2937;color:#fff;box-shadow:0 4px 10px rgba(31,41,55,0.2);}
.aibc-mode-section{display:none;}
.aibc-mode-section.is-active{display:block;}
.aibc-bulk-panel{background:#fff;border:1px solid #eee;border-right:3px solid #0073aa;padding:20px;border-radius:8px;margin-bottom:20px;}
.aibc-bulk-panel .description{margin-top:0;margin-bottom:15px;background:#f8fafc;border-right:3px solid #94a3b8;color:#475569;}
.aibc-bulk-panel textarea{width:100%;min-height:160px;padding:12px;border-radius:6px;border:1px solid #cbd5e1;resize:vertical;font-family:inherit;box-sizing:border-box;}
.aibc-bulk-label{font-weight:600;display:block;margin-bottom:8px;color:#1f2937;}
.aibc-bulk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin:20px 0;}
.aibc-bulk-field label{font-weight:600;display:block;margin-bottom:6px;color:#1f2937;}
.aibc-bulk-field select{width:100%;padding:10px;border-radius:4px;border:1px solid #cbd5e1;box-sizing:border-box;}
.aibc-bulk-message{margin-bottom:15px;padding:12px;border-radius:6px;border:1px solid transparent;display:none;font-weight:600;}
.aibc-bulk-message.is-success{background:#d4edda;color:#155724;border-color:#c3e6cb;}
.aibc-bulk-message.is-error{background:#f8d7da;color:#721c24;border-color:#f5c6cb;}
.aibc-bulk-message.is-info{background:#e0f2fe;color:#0f172a;border-color:#bae6fd;}
.aibc-bulk-status{background:#fff;border:1px solid #eee;border-right:3px solid #0073aa;padding:20px;border-radius:8px;}
.aibc-bulk-status h3{margin-top:0;color:#0f172a;}
.aibc-bulk-status-table{width:100%;border-collapse:collapse;margin-top:12px;font-size:0.95em;}
.aibc-bulk-status-table th,.aibc-bulk-status-table td{border:1px solid #e2e8f0;padding:10px;text-align:right;vertical-align:top;}
.aibc-bulk-status-table th{background:#f1f5f9;font-weight:700;color:#1f2937;}
.aibc-bulk-status-table td a{color:#0073aa;text-decoration:none;font-weight:600;}
.aibc-bulk-status-table td a:hover{text-decoration:underline;}
.aibc-bulk-view-log{background:#0073aa;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s ease;}
.aibc-bulk-view-log:hover{background:#005a87;}
#aibc-bulk-start.is-loading{opacity:.7;cursor:wait;}
.aibc-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}.aibc-toc-layout-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:10px;}.aibc-toc-layout-card{border:1px solid #e2e8f0;border-radius:8px;padding:12px;background:#fff;display:flex;flex-direction:column;align-items:stretch;gap:10px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;}.aibc-toc-layout-card:focus{outline:2px solid #0073aa;outline-offset:2px;}.aibc-toc-layout-card:hover{transform:translateY(-2px);}.aibc-toc-layout-card.is-active{border-color:#0073aa;box-shadow:0 0 0 2px rgba(0,115,170,.15);}.aibc-toc-layout-card__preview{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:6px;background:linear-gradient(135deg,#f5f7fa 0,#fff 100%);font-size:12px;font-weight:600;color:#334155;min-height:90px;}.aibc-toc-preview-item{display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.75);padding:4px 6px;border-radius:4px;box-shadow:0 1px 2px rgba(15,23,42,.08);}.aibc-toc-layout-card__meta{display:flex;flex-direction:column;gap:4px;text-align:start;}.aibc-toc-layout-card__title{font-weight:700;color:#1f2937;}.aibc-toc-layout-card__description{font-size:12px;color:#4b5563;}.aibc-toc-preview-board{margin-top:15px;border:1px dashed #cbd5f5;border-radius:8px;padding:14px;background:#f8fbff;}.aibc-toc-preview-board h4{margin:0 0 10px;font-size:14px;color:#1f2937;}.aibc-toc-preview-board ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}.aibc-toc-preview-board li{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:6px;padding:6px 10px;box-shadow:0 1px 2px rgba(15,23,42,.08);}.aibc-toc-preview-title{font-weight:600;color:#1f2937;}.aibc-toc-preview-page{font-variant-numeric:tabular-nums;color:#0f172a;font-weight:600;}.aibc-toc-preview-board[data-layout*=minimal] li{background:#f8fafc;color:#475569;}.aibc-toc-preview-board[data-layout*=boxed] li{border:1px solid #cbd5f5;background:#fff;}.aibc-toc-preview-board[data-layout*=two] ol{flex-direction:row;flex-wrap:wrap;gap:6px;}.aibc-toc-preview-board[data-layout*=two] li{width:calc(50% - 3px);}.aibc-cover-preview{display:flex;flex-direction:column;gap:14px;margin-top:10px;}.aibc-cover-preview-stage{display:flex;justify-content:center;}.aibc-cover-preview-frame{position:relative;width:100%;max-width:260px;aspect-ratio:3/4;border-radius:10px;overflow:hidden;border:1px dashed #cbd5f5;background:repeating-linear-gradient(135deg,#f8fbff 0,#f8fbff 12px,#f1f5f9 12px,#f1f5f9 24px);display:flex;align-items:center;justify-content:center;transition:border-color .3s ease,background .3s ease;}.aibc-cover-preview-frame img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.1);width:100%;height:100%;object-fit:cover;transition:transform .3s ease,object-fit .3s ease;display:none;}.aibc-cover-preview-frame.has-image img{display:block;}.aibc-cover-preview-empty{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;color:#475569;font-size:12px;padding:0 12px;}.aibc-cover-preview-frame.has-image .aibc-cover-preview-empty{display:none;}.aibc-cover-preview-placeholder-title{font-weight:600;}.aibc-cover-preview-placeholder-subtitle{font-size:11px;color:#6b7280;}.aibc-cover-preview-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;}.aibc-cover-control{flex:1 1 160px;display:flex;flex-direction:column;gap:6px;}.aibc-cover-control label{font-weight:600;color:#1f2937;}.aibc-cover-clear{background:#ef4444;color:#fff;padding:10px 16px;border-radius:6px;border:none;cursor:pointer;transition:background .2s ease;align-self:flex-start;}.aibc-cover-clear:hover{background:#dc2626;}.aibc-cover-preview-frame[data-fit=contain]{border-style:solid;background:#fff;}.aibc-cover-preview-frame[data-fit=contain] img{object-fit:contain;background:#fff;}.aibc-cover-preview-frame[data-fit=cover]{border-style:dashed;}.aibc-cover-preview-frame[data-fit=cover] img{object-fit:cover;}@media (max-width:480px){
	#aibc-wizard-container button,
	#aibc-wizard-container .aibc-btn-primary,
	#aibc-wizard-container .aibc-btn-secondary,
	#aibc-wizard-container .aibc-button-download{font-size:14px;padding:10px 14px;}
	.aibc-editor-actions{flex-direction:column;align-items:stretch;}
}

/* Enhanced Table of Contents layout cards */
.aibc-toc-layout-option{
	background:linear-gradient(135deg,#ffffff 0%,#f3f6ff 100%);
	border:1px solid #d6e1f2;
	border-radius:14px;
	padding:22px;
	margin-bottom:20px;
	box-shadow:0 12px 30px -18px rgba(15,23,42,0.45);
}
.aibc-toc-layout-option label{
	display:flex;
	align-items:center;
	gap:8px;
	font-size:15px;
	font-weight:700;
	color:#0f172a;
	margin-bottom:14px;
}
.aibc-toc-layout-option label::before{
	content:"☰";
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:28px;
	height:28px;
	border-radius:50%;
	background:rgba(0,115,170,0.12);
	color:#005a87;
	font-size:16px;
}
.aibc-toc-layout-cards{
	gap:18px;
}
.aibc-toc-layout-card{
	position:relative;
	border:1px solid #d4dce8;
	border-radius:12px;
	padding:16px;
	background:#ffffff;
	display:flex;
	flex-direction:column;
	gap:12px;
	align-items:stretch;
	transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;
	box-shadow:0 10px 24px -18px rgba(15,23,42,0.5);
}
@media (prefers-reduced-motion:reduce){
	.aibc-toc-layout-card{
		transition:none;
	}
}
.aibc-toc-layout-card:hover{
	transform:translateY(-4px);
	box-shadow:0 14px 36px -18px rgba(15,23,42,0.55);
}
.aibc-toc-layout-card:focus-visible{
	outline:3px solid rgba(0,115,170,0.35);
	outline-offset:4px;
}
.aibc-toc-layout-card.is-active{
	border-color:#3b82f6;
	box-shadow:0 0 0 3px rgba(59,130,246,0.15),0 20px 40px -24px rgba(37,99,235,0.5);
}
.aibc-toc-layout-card.is-active::after{
	content:"✓";
	position:absolute;
	top:14px;
	inset-inline-end:14px;
	width:28px;
	height:28px;
	border-radius:50%;
	background:#3b82f6;
	color:#fff;
	font-size:15px;
	font-weight:700;
	display:flex;
	align-items:center;
	justify-content:center;
	box-shadow:0 8px 16px -10px rgba(37,99,235,0.65);
}
.aibc-toc-layout-card__preview{
	border-radius:10px;
	padding:14px;
	background:linear-gradient(160deg,rgba(248,250,252,0.95) 0%,#ffffff 70%);
	border:1px solid rgba(148,163,184,0.3);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.6);
	font-size:13px;
	font-weight:600;
	color:#1e293b;
	gap:8px;
}
.aibc-toc-preview-item{
	background:rgba(255,255,255,0.9);
	border-radius:8px;
	padding:6px 10px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	border:1px solid rgba(226,232,240,0.7);
	box-shadow:0 1px 2px rgba(15,23,42,0.08);
}
.aibc-toc-preview-item__title{
	color:#1f2937;
}
.aibc-toc-preview-item__page{
	font-variant-numeric:tabular-nums;
	color:#0f172a;
}
.aibc-toc-layout-card__meta{
	gap:6px;
}
.aibc-toc-layout-card__title{
	font-size:16px;
	color:#0f172a;
}
.aibc-toc-layout-card__description{
	font-size:13px;
	color:#4b5563;
	line-height:1.5;
}
.aibc-toc-preview-board{
	margin-top:20px;
	padding:18px;
	border-radius:16px;
	border:1px solid rgba(148,163,184,0.35);
	background:linear-gradient(150deg,rgba(241,245,255,0.85) 0%,rgba(219,234,254,0.6) 45%,rgba(255,255,255,0.95) 100%);
	box-shadow:0 18px 36px -28px rgba(30,64,175,0.65);
}
.aibc-toc-preview-board h4{
	font-size:15px;
	color:#1e293b;
	display:flex;
	align-items:center;
	gap:8px;
}
.aibc-toc-preview-board h4::before{
	content:"📖";
	font-size:18px;
}
.aibc-toc-preview-board ol{
	counter-reset:toc-item;
	display:grid;
	gap:10px;
}
.aibc-toc-preview-board li{
	position:relative;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:10px 14px;
	border-radius:10px;
	background:rgba(255,255,255,0.92);
	border:1px solid rgba(226,232,240,0.7);
	box-shadow:0 6px 20px -16px rgba(15,23,42,0.7);
	min-height:44px;
}
.aibc-toc-preview-board li::before{
	counter-increment:toc-item;
	content:counter(toc-item) ".";
	position:absolute;
	inset-inline-start:12px;
	top:50%;
	transform:translateY(-50%);
	font-weight:700;
	color:#1d4ed8;
}
.aibc-toc-preview-title{
	margin-inline-start:28px;
	font-weight:700;
	color:#1f2937;
}
.aibc-toc-preview-page{
	font-weight:700;
	color:#0f172a;
}
.aibc-toc-preview-board[data-layout*="minimal"] li{
	background:rgba(241,245,249,0.85);
	border-color:rgba(203,213,225,0.8);
	color:#334155;
}
.aibc-toc-preview-board[data-layout*="boxed"] li{
	background:#ffffff;
	border:1px solid rgba(148,163,184,0.6);
}
.aibc-toc-preview-board[data-layout*="two"] ol{
	grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}
.aibc-toc-preview-board[data-layout*="two"] li{
	min-height:52px;
}
@media (max-width:640px){
	.aibc-toc-layout-option{
		padding:18px;
	}
	.aibc-toc-layout-card{
		padding:14px;
	}
	.aibc-toc-preview-board{
		padding:16px;
	}
}
	font-family:inherit;
	background:#f9fafb;
	border:1px solid #dbeafe;
	border-right-width:4px;
	border-radius:12px;
	padding:24px;
	max-width:820px;
	margin:20px auto;
	color:#0f172a;
}
	margin-top:0;
	font-size:1.5rem;
	font-weight:700;
	color:#1d4ed8;
}
	color:#334155;
	margin-bottom:24px;
}
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
	gap:18px;
}
	border:1px solid #c7d2fe;
	border-radius:10px;
	background:#fff;
	padding:18px;
	text-align:right;
	cursor:pointer;
	transition:transform .2s ease,box-shadow .2s ease;
	position:relative;
	min-height:180px;
}
	transform:translateY(-4px);
	box-shadow:0 12px 30px rgba(79,70,229,0.18);
	border-color:#6366f1;
}
	margin-top:0;
	margin-bottom:12px;
	font-size:1.2rem;
	color:#312e81;
}
	margin:0;
	color:#475569;
	line-height:1.6;
}
	display:none;
}
	display:block;
}
	margin-top:20px;
}
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	margin-bottom:16px;
}
	font-size:1.3rem;
	color:#1e3a8a;
	margin:0;
	font-weight:700;
}
	background:#e2e8f0;
	color:#1f2937;
	border:none;
	border-radius:999px;
	padding:8px 16px;
	cursor:pointer;
	transition:background-color .2s ease;
}
	background:#cbd5f5;
}
	background:#ffffff;
	border:1px solid #e2e8f0;
	border-radius:12px;
	padding:20px;
	margin-bottom:20px;
	box-shadow:0 4px 14px rgba(15,23,42,0.08);
}
	font-weight:700;
	font-size:1.1rem;
	color:#1f2937;
	margin-bottom:10px;
}
	background:#eef2ff;
	border-radius:8px;
	padding:12px;
	color:#312e81;
	margin-bottom:15px;
	line-height:1.6;
}
	width:100%;
	min-height:120px;
	padding:14px;
	border-radius:10px;
	border:1px solid #cbd5e1;
	resize:vertical;
	font:inherit;
	margin-bottom:18px;
	background:#f8fafc;
}
	display:grid;
	gap:16px;
}
@media(min-width:768px){
		grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
	}
}
	border:1px solid #dbeafe;
	border-radius:10px;
	padding:14px;
	background:#fefefe;
	position:relative;
	display:flex;
	flex-direction:column;
	gap:10px;
}
	margin:0;
	color:#1e40af;
	font-size:1.05rem;
}
	background:#4f46e5;
	color:#fff;
	border:none;
	border-radius:999px;
	padding:8px 16px;
	cursor:pointer;
	align-self:flex-start;
	transition:background-color .2s ease,opacity .2s ease;
}
	opacity:.7;
	cursor:wait;
}
	background:#4338ca;
}
	background:#f8fafc;
	border-radius:8px;
	padding:12px;
	border:1px solid rgba(148,163,184,0.35);
	max-height:260px;
	overflow:auto;
	display:none;
}
	display:block;
}
	margin:0 0 10px;
	line-height:1.6;
	color:#1f2937;
}
	display:flex;
	gap:10px;
	flex-wrap:wrap;
	margin-top:12px;
}
	border:none;
	border-radius:999px;
	padding:8px 16px;
	cursor:pointer;
	transition:background-color .2s ease;
}
	background:#10b981;
	color:#fff;
}
	background:#059669;
}
	background:#e2e8f0;
	color:#0f172a;
}
	background:#cbd5e1;
}
	margin-top:10px;
	font-weight:600;
	color:#1f2937;
}
	margin:15px 0;
	padding:14px 16px;
	border-radius:10px;
	border:1px solid rgba(239,68,68,0.25);
	background:rgba(254,226,226,0.6);
	color:#991b1b;
	display:none;
}
	display:block;
}
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-wrap:wrap;
	gap:12px;
	margin-top:16px;
}
	display:flex;
	align-items:center;
	gap:10px;
}
	background:#f1f5f9;
	color:#0f172a;
	border:none;
	border-radius:999px;
	padding:8px 16px;
	cursor:pointer;
	transition:background-color .2s ease,opacity .2s ease;
}
	background:#e2e8f0;
}
	opacity:.6;
	cursor:not-allowed;
}
	flex:1;
	color:#475569;
}
	border-color:#10b981;
	box-shadow:0 0 0 2px rgba(16,185,129,0.15);
}
.is-hidden{
	display:none !important;
}
	background:#fff;
	border:1px solid #cbd5e1;
	border-radius:12px;
	padding:22px;
	margin-top:20px;
	box-shadow:0 12px 24px rgba(15,23,42,0.12);
}
	margin-top:0;
	color:#1d4ed8;
}
	background:#f8fafc;
	border-radius:10px;
	padding:16px;
	border:1px solid rgba(148,163,184,0.35);
	max-height:360px;
	overflow:auto;
	margin-top:16px;
	line-height:1.7;
}
	margin-bottom:20px;
}
	margin:0 0 10px;
	color:#1f2937;
}
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	margin-top:18px;
}
	border:none;
	border-radius:999px;
	padding:10px 18px;
	cursor:pointer;
	transition:background-color .2s ease;
}
	opacity:.6;
	cursor:not-allowed;
}
	background:#0ea5e9;
	color:#fff;
}
	background:#0284c7;
}
	background:#4f46e5;
	color:#fff;
}
	background:#4338ca;
}
	background:#e2e8f0;
	color:#0f172a;
}
	background:#cbd5e1;
}
	padding:40px;
	text-align:center;
	background:#fff7ed;
	border:1px solid #fed7aa;
	border-radius:12px;
	color:#c2410c;
}
	padding:24px;
	border-radius:12px;
	background:#fff1f2;
	border:1px solid #fecdd3;
	color:#9f1239;
	text-align:center;
}
	font-size:0.9rem;
	color:#64748b;
}
	position:absolute;
	bottom:12px;
	inset-inline-end:18px;
	font-size:0.85rem;
	color:#6366f1;
}
	display:none;
	margin-top:12px;
	color:#4f46e5;
	font-weight:600;
}
	display:block;
}
.aibc-draft-export{
	margin-top:25px;
	padding:20px;
	background:#fff;
	border:1px solid #eee;
	border-right:3px solid #0073aa;
	border-radius:8px;
	text-align:center;
}
.aibc-draft-export p{
	margin:0 0 15px;
	color:#374151;
	font-weight:500;
}
.aibc-draft-export-buttons{
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	justify-content:center;
}
.aibc-draft-export .aibc-button-download{
	margin-right:0;
	min-width:210px;
}
.aibc-draft-export .aibc-button-download:disabled{
	background-color:#9ca3af;
	cursor:not-allowed;
}

/* Solid cover controls */
.aibc-cover-mode{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;}
.aibc-cover-mode__label{font-weight:600;color:#1f2937;}
.aibc-cover-mode__options{display:flex;flex-wrap:wrap;gap:12px;}
.aibc-cover-mode__option{display:flex;align-items:center;gap:6px;font-weight:500;color:#1f2937;}
.aibc-cover-mode__option input{margin:0;}
.aibc-cover-image-controls{margin-bottom:12px;}
.aibc-cover-color-controls{margin-bottom:12px;}
.aibc-cover-color-picker{display:flex;align-items:center;gap:8px;}
#aibc-cover-solid-color{width:48px;height:32px;padding:0;border-radius:4px;border:1px solid #d1d5db;}
#aibc-cover-solid-color-hex{width:96px;text-transform:uppercase;}
.aibc-cover-preview-frame.is-solid-color{border:1px solid #cbd5e1;background-size:cover;}
.aibc-bulk-cover-field .description{margin-top:8px;}
.aibc-bulk-cover-toggle{display:flex;align-items:center;gap:8px;font-weight:600;color:#1f2937;margin-bottom:8px;}
.aibc-bulk-cover-color{background:#f8fafc;border:1px solid #dbeafe;padding:12px;border-radius:8px;}
.aibc-cover-preview-frame.is-solid-color .aibc-cover-preview-empty{display:none;}

/* Hide prompt-style descriptions in the public wizard */
#aibc-style-desc,
.aibc-secondary-style-desc,
#aibc-chapter-method-desc {
	display: none !important;
}

/* Multi-Style Pipeline Container */
.aibc-multi-styles-container {
	background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
	border: 1px solid #e2e8f0;
	border-right: 3px solid #0073aa;
	border-radius: 10px;
	padding: 18px;
	margin-bottom: 18px;
}

.aibc-multi-styles-header {
	margin-bottom: 16px;
}

.aibc-multi-styles-header h4 {
	margin: 0 0 8px;
	color: #1f2937;
	font-size: 15px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.aibc-multi-styles-header h4::before {
	content: "🎨";
	font-size: 18px;
}

.aibc-multi-styles-header .description {
	margin: 0;
	padding: 0;
	background: transparent;
	border: none;
	font-size: 13px;
	color: #64748b;
}

.aibc-secondary-styles-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 12px;
}

.aibc-secondary-style {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	padding: 12px;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.aibc-secondary-style:hover {
	border-color: #0073aa;
}

.aibc-secondary-style label {
	font-weight: 600;
	margin-bottom: 6px;
	display: block;
	font-size: 13px;
	color: #374151;
}

.aibc-secondary-style select {
	margin-bottom: 0;
}

.aibc-secondary-style-desc {
	margin-top: 6px;
	font-size: 12px;
	color: #6b7280;
	line-height: 1.4;
}

.aibc-styles-summary {
	margin-top: 16px;
	padding: 12px 14px;
	background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
	border: 1px solid #7dd3fc;
	border-radius: 8px;
	font-size: 13px;
	color: #0c4a6e;
}

.aibc-styles-summary strong {
	display: block;
	margin-bottom: 6px;
	font-weight: 700;
}

#aibc-styles-summary-list {
	font-family: monospace;
	font-size: 12px;
	word-break: break-word;
}

@media (max-width: 600px) {
	.aibc-secondary-styles-list {
		grid-template-columns: 1fr;
	}
}

/* Style Outputs Section */
.aibc-style-outputs {
	display: none;
	margin-top: 20px;
	padding: 15px;
	background: #f8f9fa;
	border-radius: 8px;
	border: 1px solid #dee2e6;
}

.aibc-style-outputs h3 {
	margin-top: 0;
	margin-bottom: 15px;
	color: #1e1e1e;
	font-size: 1.1em;
}

.aibc-style-output-card {
	display: inline-block;
	margin: 10px;
	padding: 15px;
	background: #ffffff;
	border: 1px solid #ccd0d4;
	border-radius: 6px;
	min-width: 200px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	transition: box-shadow 0.2s ease;
}

.aibc-style-output-card:hover {
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
}

.aibc-style-output-card h4 {
	margin: 0 0 10px 0;
	font-size: 14px;
	color: #1e1e1e;
	font-weight: 600;
}

.aibc-button-small {
	font-size: 12px !important;
	padding: 6px 12px !important;
}

.aibc-style-download-form {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
}

#aibc-style-outputs-container {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

@media (max-width: 600px) {
	.aibc-style-output-card {
		width: 100%;
		margin: 5px 0;
	}

	#aibc-style-outputs-container {
		flex-direction: column;
	}
}

/* ------------------------------------------------------------------
	Step 1 Quick Start (Mobile-first): single CTA + advanced bottom sheet
	------------------------------------------------------------------ */

.aibc-hidden{display:none !important;}

.aibc-step-title{margin-top:0;color:#333;}

.aibc-quick-start{background:#fff;border:1px solid #eee;border-right:3px solid #0073aa;padding:14px;border-radius:10px;}

.aibc-input-primary{width:100%;padding:14px 12px;border-radius:10px;border:1px solid #cbd5e1;margin-bottom:12px;box-sizing:border-box;font-size:16px;}

.aibc-quick-start-actions{display:flex;flex-direction:column;gap:10px;}

.aibc-btn-block{width:100%;display:block;}

.aibc-link-button{background:transparent;border:none;padding:8px 0;color:#0073aa;text-decoration:underline;font-weight:600;text-align:center;cursor:pointer;}
.aibc-link-button:hover{color:#005a87;}

/* Step 5: single default download + other formats sheet */
.aibc-download-primary{margin-top:14px;display:flex;flex-direction:column;gap:10px;align-items:stretch;}
.aibc-download-form--primary{margin:0;}
.aibc-download-sheet-actions{display:flex;flex-direction:column;gap:10px;}
.aibc-download-sheet-actions .aibc-download-form{margin:0;}
.aibc-draft-export-buttons{display:flex;flex-direction:column;gap:10px;}

body.aibc-sheet-open{overflow:hidden;}

.aibc-bottom-sheet{display:none;position:fixed;inset:0;z-index:99999;}
.aibc-bottom-sheet.is-open{display:block;}

.aibc-bottom-sheet__backdrop{position:fixed;inset:0;background:rgba(15,23,42,0.55);}

.aibc-bottom-sheet__panel{position:fixed;left:0;right:0;bottom:0;max-height:85vh;background:#fff;border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -18px 60px rgba(15,23,42,0.35);display:flex;flex-direction:column;transform:translateY(6%);animation:aibcSheetIn .18s ease-out forwards;}

@keyframes aibcSheetIn{from{transform:translateY(12%);}to{transform:translateY(0);}}

.aibc-bottom-sheet__header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #e5e7eb;}
.aibc-bottom-sheet__title{font-weight:800;color:#0f172a;}
.aibc-bottom-sheet__close{background:transparent;border:none;color:#0f172a;font-size:24px;line-height:1;padding:6px 8px;cursor:pointer;}

.aibc-bottom-sheet__content{padding:14px;overflow:auto;}
.aibc-bottom-sheet__footer{padding:12px 14px;border-top:1px solid #e5e7eb;}

@media (max-width: 480px){
	.aibc-input-primary{font-size:16px;}
}

/* ------------------------------------------------------------------
	Step 2: Approve Outline (mobile cards)
	------------------------------------------------------------------ */

.aibc-chapters-cards{display:flex;flex-direction:column;gap:10px;margin:12px 0;}
.aibc-chapter-card{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid #eee;border-radius:12px;padding:12px;}
.aibc-chapter-card__index{min-width:28px;height:28px;border-radius:999px;background:#f1f5f9;color:#0f172a;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:13px;}
.aibc-chapter-card__title{font-size:15px;line-height:1.3;color:#111827;font-weight:700;flex:1;}

.aibc-step-actions--split{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px;}
.aibc-step-actions__right{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}

@media (max-width:480px){
	.aibc-step-actions--split{flex-direction:column;align-items:stretch;}
	.aibc-step-actions__right{width:100%;flex-direction:column;align-items:stretch;}
}

/* ------------------------------------------------------------------
	Step 4: "Ready" first, editor on-demand
	------------------------------------------------------------------ */

.aibc-ready-card{background:#fff;border:1px solid #eee;border-right:3px solid #16a34a;padding:14px;border-radius:10px;}
.aibc-ready-card__title{font-size:18px;font-weight:800;color:#0f172a;margin:0 0 10px 0;}

.aibc-editor-panel--collapsed{display:none;}

/* Auto-approve mode: hide Step 2 back/retry affordances (mobile-first handoff) */
#aibc-wizard-container.aibc-auto-approve-23 #aibc-step-2 .aibc-btn-back,
#aibc-wizard-container.aibc-auto-approve-23 #aibc-step-2 .aibc-btn-retry {
	display: none !important;
}


/* === One-tap generation: full-screen job state (modern) === */
body.aibc-loader-open{overflow:hidden;}
#aibc-loader.aibc-job-screen{position:fixed;inset:0;background:#ffffff;z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;text-align:center;}
#aibc-loader .aibc-job-card{width:100%;max-width:420px;background:#ffffff;border:1px solid rgba(17,24,39,.08);border-radius:22px;padding:28px 22px;box-shadow:0 18px 45px rgba(17,24,39,.10);box-sizing:border-box;}
#aibc-loader .aibc-spinner{margin:0 auto 16px auto;}
#aibc-loader #aibc-loader-title{margin:0 0 10px 0;font-size:22px;line-height:1.25;font-weight:800;color:#111827;}
#aibc-loader #aibc-loader-text{margin:0;font-size:14px;line-height:1.65;color:#6b7280;}
@media (max-width:480px){
	#aibc-loader.aibc-job-screen{padding:18px;}
	#aibc-loader .aibc-job-card{padding:24px 18px;border-radius:20px;}
	#aibc-loader #aibc-loader-title{font-size:20px;}
}


/* Trending Topics (Step 1) */
.aibc-trending-topics{
	margin-top: 12px;
}
.aibc-trending-title{
	font-size: 13px;
	opacity: 0.78;
	margin-bottom: 8px;
}

.aibc-trending-chips{
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: max-content;
	grid-template-rows: repeat(2, auto);
	gap: 10px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior-x: contain;
	padding: 2px 0 6px;
}
.aibc-trending-chips::-webkit-scrollbar{ display:none; }
html[dir="rtl"] .aibc-trending-chips{ direction: rtl; }
.aibc-topic-chip{
	display: inline-flex;
	align-items: center;
	border-radius: 999px;
	border: 1px solid rgba(0,0,0,0.12);
	background: #fff;
	padding: 10px 14px;
	font-size: 14px;
	line-height: 1;
	white-space: nowrap;
}
.aibc-topic-chip:active{
	transform: scale(0.98);
}


/* === Prompt Builder UI (Step 1) === */
#aibc-step-1 .aibc-prompt-card{
	background:#fff;
	border:1px solid rgba(0,0,0,.06);
	border-radius:22px;
	padding:18px 16px;
	box-shadow:0 10px 28px rgba(0,0,0,.06);
	position:relative;
	overflow:hidden;
}
#aibc-step-1 .aibc-prompt-card:before,
#aibc-step-1 .aibc-prompt-card:after{
	content:"";
	position:absolute;
	width:240px;
	height:240px;
	border-radius:999px;
	background:radial-gradient(circle at 30% 30%, rgba(72,153,255,.18), rgba(72,153,255,0));
	pointer-events:none;
}
#aibc-step-1 .aibc-prompt-card:before{top:-140px; right:-140px;}
#aibc-step-1 .aibc-prompt-card:after{bottom:-160px; left:-160px; background:radial-gradient(circle at 60% 40%, rgba(0,200,160,.14), rgba(0,200,160,0));}

#aibc-step-1 .aibc-prompt-card__title{
	font-size:18px;
	font-weight:700;
	color:#222;
	margin:0 0 12px 0;
}
#aibc-step-1 .aibc-prompt-line{
	display:flex;
	flex-wrap:wrap;
	gap:10px 10px;
	align-items:center;
	line-height:1.9;
	position:relative;
	z-index:1;
}
#aibc-step-1 .aibc-prompt-text{font-size:16px;color:#222;}
#aibc-step-1 .aibc-prompt-sep{color:#888;font-size:16px;}

#aibc-step-1 .aibc-inline-input{display:inline-flex; min-width:160px; flex:1 1 220px;}
#aibc-step-1 .aibc-input-inline{
	width:100%;
	border:0;
	outline:0;
	background:#eaf4ff;
	color:#0b66c3;
	font-weight:600;
	border-radius:14px;
	padding:10px 12px;
}
#aibc-step-1 .aibc-input-inline::placeholder{color:rgba(11,102,195,.55);}

#aibc-step-1 .aibc-inline-select{display:inline-flex; min-width:120px;}
#aibc-step-1 select.aibc-inline-control{
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	border:0;
	outline:0;
	background:#eaf4ff;
	color:#0b66c3;
	font-weight:700;
	border-radius:14px;
	padding:10px 40px 10px 14px;
	line-height:1.2;
	cursor:pointer;
}
#aibc-step-1 .aibc-inline-select{position:relative;}
#aibc-step-1 .aibc-inline-select:after{
	content:"";
	position:absolute;
	left:14px;
	top:50%;
	transform:translateY(-50%);
	width:0;height:0;
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	border-top:9px solid rgba(11,102,195,.9);
	pointer-events:none;
}

#aibc-step-1 .aibc-trending-topics{margin-top:14px; position:relative; z-index:1;}
#aibc-step-1 .aibc-trending-title{font-weight:700;margin-bottom:8px;}
#aibc-step-1 .aibc-trending-chips{display:flex;flex-wrap:wrap;gap:10px;}
#aibc-step-1 .aibc-topic-chip{
	background:#f3f6fb;
	border:1px solid rgba(0,0,0,.08);
	border-radius:999px;
	padding:10px 14px;
	font-weight:600;
	cursor:pointer;
}

#aibc-step-1 .aibc-prompt-actions{margin-top:16px; display:flex; flex-direction:column; gap:10px; position:relative; z-index:1;}
#aibc-step-1 .aibc-btn-cta{
	width:100%;
	border:0;
	border-radius:999px;
	padding:14px 16px;
	font-size:18px;
	font-weight:800;
	background:#111;
	color:#fff;
}
#aibc-step-1 .aibc-btn-link{
	width:100%;
	border:1px solid rgba(0,0,0,.12);
	border-radius:999px;
	padding:12px 16px;
	background:#fff;
	color:#111;
	font-weight:700;
}



/* === Soft Minimalism Natural Language Form (Mad Libs) - Step 1 === */
#aibc-step-1{ padding-top: 8px; }
#aibc-step-1 .aibc-step-title{ display:none; } /* Step titles feel "admin"; hide for the NL form */

#aibc-step-1 .aibc-nl-screen{
	max-width: 520px;
	margin: 0 auto;
	padding: 10px 14px 24px;
	background: transparent;
	border-radius: 0;
}

#aibc-step-1 .aibc-nl-hero{ text-align:center; padding: 16px 8px 24px; }
#aibc-step-1 .aibc-nl-hero__title{
	font-family: "IBM Plex Sans Arabic","Readex Pro","Tajawal","Noto Sans Arabic",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
	font-size: 32px;
	line-height: 1.3;
	font-weight: 700;
	color: #1A1A1A;
	letter-spacing: 0;
	text-align: center;
}
#aibc-step-1 .aibc-nl-hero__subtitle{
	margin-top: 14px;
	font-family: "IBM Plex Sans Arabic","Readex Pro","Tajawal","Noto Sans Arabic",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
	font-size: 15px;
	line-height: 1.7;
	color: #9CA3AF;
	text-align: center;
}

#aibc-step-1 .aibc-nl-card{
	position: relative;
	background: #F4F4F5;
	border: 0;
	border-radius: 20px;
	padding: 28px 24px;
	box-shadow: none;
	overflow: visible;
}

/* Remove the decorative blobs */
#aibc-step-1 .aibc-nl-card:before,
#aibc-step-1 .aibc-nl-card:after{
	display: none;
}

#aibc-step-1 .aibc-nl-card__prompt{
	position: relative;
	z-index: 1;
	font-family: "IBM Plex Sans Arabic","Readex Pro","Tajawal","Noto Sans Arabic",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #374151;
	margin-bottom: 12px;
}

#aibc-step-1 .aibc-nl-sentence{
	position: relative;
	z-index: 1;
	font-family: "IBM Plex Sans Arabic","Readex Pro","Tajawal","Noto Sans Arabic",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
	font-size: 17px;
	line-height: 2.4;
	color: #374151;
	text-align: right;
	word-break: keep-all;
}

#aibc-step-1 .aibc-nl-text{ color:#374151; font-weight: 400; }

#aibc-step-1 .aibc-nl-field{
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
	background: #D7EAF7;
	border-radius: 20px;
	padding: 8px 16px;
	margin: 0 6px;
	min-height: 38px;
	box-sizing: border-box;
	max-width: 100%;
}

#aibc-step-1 .aibc-nl-field--text{ min-width: 160px; }
#aibc-step-1 .aibc-nl-input{
	width: 100%;
	border: 0 !important;
	outline: none !important;
	background: transparent !important;
	padding: 0 !important;
	margin: 0 !important;
	font-size: 16px;
	font-weight: 600;
	color: #0891B2;
	text-align: right;
}
#aibc-step-1 .aibc-nl-input::placeholder{ color: rgba(8,145,178,0.6); font-weight: 600; }

#aibc-step-1 .aibc-nl-field--select{
	position: relative;
	padding-inline-start: 12px;
	padding-inline-end: 30px; /* space for caret */
	min-width: 120px;
	background: #D7EAF7;
	border-radius: 20px;
}
#aibc-step-1 .aibc-nl-field--select:after{
	content:"▾";
	position:absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-52%);
	color: #0891B2;
	font-size: 14px;
	font-weight: 700;
	pointer-events:none;
}
html[dir="rtl"] #aibc-step-1 .aibc-nl-field--select:after{
	left: 12px; /* caret stays on visual left in RTL, like the reference */
}

#aibc-step-1 .aibc-inline-control{
	border: 0 !important;
	outline: none !important;
	background: transparent !important;
	font-size: 16px;
	font-weight: 600;
	color: #0891B2;
	padding: 0 !important;
	margin: 0 !important;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

/* keep sentence flowing nicely on small screens */
@media (max-width: 420px){
	#aibc-step-1 .aibc-nl-hero__title{ font-size: 26px; }
	#aibc-step-1 .aibc-nl-sentence{ font-size: 15px; }
	#aibc-step-1 .aibc-nl-field--text{ min-width: 130px; }
}

/* CTA - dark rounded button outside the card */
#aibc-step-1 #aibc-primary-create-book.aibc-nl-cta{
	width: min(380px, 90%);
	display: block;
	margin: 24px auto 0;
	padding: 16px 24px;
	border-radius: 14px;
	background: #1F2937;
	color: #FFFFFF;
	border: 0;
	font-size: 17px;
	font-weight: 600;
	font-family: "IBM Plex Sans Arabic","Readex Pro","Tajawal","Noto Sans Arabic",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
	cursor: pointer;
	transition: background-color 0.2s ease;
}
#aibc-step-1 #aibc-primary-create-book.aibc-nl-cta:hover{ background: #111827; }
#aibc-step-1 #aibc-primary-create-book.aibc-nl-cta:active{ transform: translateY(1px); }

/* Advanced link */
#aibc-step-1 .aibc-nl-small-actions{ position:relative; z-index:1; padding-top: 10px; }
#aibc-step-1 #aibc-open-advanced.aibc-nl-advanced-link{
	width: auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: 0;
	padding: 10px 6px;
	color: #9CA3AF;
	font-weight: 600;
	text-decoration: underline;
	font-size: 14px;
}
#aibc-step-1 #aibc-open-advanced.aibc-nl-advanced-link:hover{
	color: #6B7280;
}

/* Trending topics inside the card */
#aibc-step-1 .aibc-nl-trending{ position:relative; z-index:1; margin-top: 14px; }
#aibc-step-1 .aibc-nl-trending__title{
	font-size: 14px;
	font-weight: 600;
	color: #9CA3AF;
	margin-bottom: 10px;
}
#aibc-step-1 .aibc-trending-chips{
	display: flex !important;
	flex-wrap: wrap;
	gap: 10px;
	padding: 0;
	overflow: visible;
}
#aibc-step-1 .aibc-topic-chip{
	background: #D7EAF7 !important;
	color: #0891B2 !important;
	border: 0 !important;
	border-radius: 20px !important;
	padding: 8px 14px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	box-shadow: none !important;
}
#aibc-step-1 .aibc-topic-chip:hover{ filter: brightness(0.96); }

/* Hide NL hidden control container */
#aibc-step-1 .aibc-nl-hidden{ display:none; }



/* --- Step 1 Natural Language Form: Mad Libs select pills + bottom sheet --- */
#aibc-wizard-container .aibc-ml-hidden-select{position:absolute !important;left:-9999px !important;top:auto !important;width:1px !important;height:1px !important;opacity:0 !important;pointer-events:none !important}
#aibc-wizard-container .aibc-ml-pill{display:inline-flex;align-items:center;gap:8px;background:#D7EAF7;color:#0891B2;border:0;border-radius:20px;padding:8px 16px;font-weight:600;font-size:15px;line-height:1;cursor:pointer;white-space:nowrap;max-width:100%;box-shadow:none}
#aibc-wizard-container .aibc-ml-pill.is-empty{color:#0891B2;opacity:.75}
#aibc-wizard-container .aibc-ml-pill__text{max-width:70vw;overflow:hidden;text-overflow:ellipsis}
#aibc-wizard-container .aibc-ml-pill__caret{font-size:12px;line-height:1;color:#0891B2;opacity:.85}

/* Bottom sheet list */
#aibc-wizard-container .aibc-ml-sheet__body{padding:14px 16px 18px}
#aibc-wizard-container .aibc-ml-options{display:flex;flex-direction:column;gap:10px;max-height:52vh;overflow:auto;padding-right:4px}
#aibc-wizard-container .aibc-ml-option{width:100%;text-align:right;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:12px 14px;font-size:16px;color:#374151;cursor:pointer}
#aibc-wizard-container .aibc-ml-option.is-selected{border-color:rgba(8,145,178,.35);background:#F0F9FF;color:#0891B2}
#aibc-wizard-container .aibc-ml-option.is-disabled{opacity:.5;cursor:not-allowed}


/* Inline Style & Format in Step 1 (hide Step 3 screen) */
#aibc-wizard-container.aibc-inline-sf #aibc-step-3{
	display:none !important;
}

/* Mad Libs sentence layout */
#aibc-step-1 .aibc-nl-sentence{
	display:flex;
	flex-wrap:wrap;
	gap: 8px 8px;
	align-items:center;
	justify-content:flex-start;
}

/* Pills should behave like inline chips on mobile */
.aibc-ml-pill{
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}



/* === Soft Minimalism / Natural Language Form (Mad Libs) – Step 1 refinements === */
#aibc-step-1 .aibc-nl-screen{
	background: transparent !important;
	border-radius: 0 !important;
}

#aibc-step-1 .aibc-nl-sentence{
	direction: rtl;
	text-align: right;
	font-size: 17px;
	line-height: 2.4;
	color: #374151;
}

#aibc-step-1 .aibc-nl-line{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 8px;
	margin-top: 8px;
}
#aibc-step-1 .aibc-nl-line:first-child{ margin-top: 0; }

#aibc-step-1 .aibc-nl-sep{
	margin: 0 4px;
	color: #374151;
}

#aibc-step-1 .aibc-nl-field--text{
	flex: 1 1 200px;
	min-width: 160px;
	background: #D7EAF7;
	border-radius: 20px;
	padding: 8px 16px;
	min-height: 38px;
	margin: 0;
	display: flex;
	align-items: center;
	box-sizing: border-box;
}

#aibc-step-1 .aibc-nl-input{
	width: 100% !important;
	border: 0 !important;
	outline: none !important;
	background: transparent !important;
	padding: 0 !important;
	margin: 0 !important;
	font-size: 16px;
	font-weight: 600;
	color: #0891B2;
	text-align: right;
}
#aibc-step-1 .aibc-nl-input::placeholder{ color: rgba(8,145,178,0.6); font-weight: 600; }

#aibc-step-1 .aibc-nl-mount{
	display: inline-flex;
	align-items: center;
}

#aibc-step-1 .aibc-ml-pill{
	background: #D7EAF7 !important;
	border-radius: 20px !important;
	padding: 8px 16px !important;
	min-height: 38px;
	border: 0 !important;
	box-shadow: none;
	max-width: 100%;
}

#aibc-step-1 .aibc-ml-pill__text{
	max-width: 55vw;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#aibc-step-1 .aibc-ml-pill__caret{
	font-size: 12px;
	line-height: 1;
	color: #0891B2;
	font-weight: 700;
}

/* Ensure screen-reader labels never appear visually */
.aibc-sr-only{
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

@media (max-width: 420px){
	#aibc-step-1 .aibc-nl-sentence{ font-size: 15px; }
	#aibc-step-1 .aibc-nl-field--text{ min-width: 130px; }
}



/* === Mobile parity overrides (requested) === */
@media (max-width: 480px){
	/* Reduce outer shell; keep focus on the main card */
	#aibc-wizard-container{
	padding: 14px !important;
	border-radius: 12px !important;
	max-width: 100% !important;
	background: #FAFAFA !important;
	}

	/* Step-1 hero */
	#aibc-step-1 .aibc-nl-screen{
	max-width: 100% !important;
	padding: 10px 10px 18px !important;
	background: transparent !important;
	border-radius: 0 !important;
	}
	#aibc-step-1 .aibc-nl-hero{
	text-align: center !important;
	padding: 8px 0 10px !important;
	}
	#aibc-step-1 .aibc-nl-hero__title{
	font-size: 26px !important;
	line-height: 34px !important;
	font-weight: 700 !important;
	margin: 0 0 8px !important;
	}
	#aibc-step-1 .aibc-nl-hero__subtitle{
	font-size: 15px !important;
	line-height: 24px !important;
	font-weight: 400 !important;
	opacity: .7 !important;
	max-width: 280px !important;
	margin: 0 auto !important;
	}

	/* Main white card (same "box" feel) */
	#aibc-step-1 .aibc-prompt-card.aibc-nl-card{
	width: 100% !important;
	max-width: 340px !important;
	margin: 14px auto 0 !important;
	padding: 20px 18px !important;
	border-radius: 16px !important;
	box-shadow: 0 8px 24px rgba(0,0,0,.06) !important;
	}

	/* Labels / inline sentence text */
	#aibc-step-1 .aibc-nl-text{
	font-size: 14px !important;
	line-height: 18px !important;
	font-weight: 600 !important;
	}

	/* Inputs & select pills */
	#aibc-step-1 input[type="text"],
	#aibc-step-1 .aibc-inline-control,
	#aibc-step-1 .aibc-nl-field{
	font-size: 15px !important;
	line-height: 20px !important;
	}

	/* Ensure tap target and consistent height across controls */
	#aibc-step-1 .aibc-nl-field--text input,
	#aibc-step-1 .aibc-inline-control{
	height: 40px !important;
	border-radius: 20px !important;
	}

	/* Spacing between lines/controls */
	#aibc-step-1 .aibc-nl-line{
	margin-bottom: 10px !important;
	}

	/* Primary CTA */
	#aibc-primary-create-book,
	#aibc-step-1 .aibc-btn-cta{
	width: 100% !important;
	max-width: 320px !important;
	height: 48px !important;
	padding: 0 16px !important;
	border-radius: 14px !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	}
}



/* === Mobile Sentence Card (single box prompt) overrides === */
.aibc-nl-card.aibc-prompt-card{width:calc(100% - 24px);max-width:380px;margin:0 auto;padding:24px 20px;border-radius:20px;background:#F4F4F5;border:0;box-shadow:none}
.aibc-nl-sentence{display:block}
.aibc-nl-sentence-text{margin:0;text-align:center;font-family:"IBM Plex Sans Arabic","Readex Pro","Tajawal","Noto Sans Arabic",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:17px;line-height:2.4;font-weight:400;letter-spacing:0;color:#374151}
.aibc-nl-pill{display:inline-flex;align-items:center;padding:8px 16px;margin:0 6px;border-radius:20px;background:#D7EAF7;color:#0891B2;font-weight:600;font-size:16px;line-height:1.4;white-space:nowrap}
.aibc-nl-pill--input{padding:6px 14px}
.aibc-nl-input{border:0;background:transparent;outline:none;padding:0;margin:0;font:inherit;color:inherit;width:160px;max-width:50vw;text-align:center}
.aibc-nl-input::placeholder{color:rgba(8,145,178,0.6);font-weight:600}
.aibc-nl-pill--select select,.aibc-nl-pill--select button{border:0;background:transparent;outline:none;font:inherit;color:inherit}
.aibc-nl-pill--select .aibc-nl-select-caret{font-size:11px;opacity:.7;margin-inline-start:6px}
@media (max-width:480px){
	.aibc-nl-sentence-text{font-size:15px;line-height:2.3}
	.aibc-nl-pill{font-size:14px;line-height:1.4}
}


/* Ensure JS-mounted pills match sentence pill style */
.aibc-ml-pill{display:inline-flex;align-items:center;gap:6px;border:0;cursor:pointer;background:#D7EAF7;color:#0891B2;padding:8px 16px;border-radius:20px;font-family:"IBM Plex Sans Arabic","Readex Pro","Tajawal","Noto Sans Arabic",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.4;font-weight:600}
.aibc-ml-pill__caret{font-size:11px;opacity:.7}

.aibc-nl-inline-mount{display:inline-flex;align-items:center;margin:0 6px}


/* === Sentence request: show bracketed tokens === */
.aibc-nl-inline-mount{
	display:inline-flex;
	align-items:center;
	padding: 6px 14px;
	border-radius: 20px;
	background: #D7EAF7;
	color: #0891B2;
	font-weight: 600;
	white-space: nowrap;
	margin: 0 6px;
}

.aibc-nl-inline-mount:not(:empty)::before{ content: "["; margin-right: 2px; }
.aibc-nl-inline-mount:not(:empty)::after{ content: "]"; margin-left: 2px; }

/* keep input pill bracketed too */
.aibc-nl-pill--input{
	padding: 6px 14px;
	border-radius: 20px;
	background: #D7EAF7;
	color: #0891B2;
	font-weight: 600;
	margin: 0 6px;
}
.aibc-nl-pill--input::before{ content:"["; margin-right: 2px; color:#0891B2; }
.aibc-nl-pill--input::after{ content:"]"; margin-left: 2px; color:#0891B2; }

.aibc-nl-pill--input .aibc-nl-input{
	border: none !important;
	background: transparent !important;
	padding: 0 !important;
	margin: 0 !important;
	font: inherit !important;
	color: inherit !important;
	min-width: 80px;
	outline: none !important;
}

/* punctuation spacing */
.aibc-nl-sentence-text{
	font-family: "IBM Plex Sans Arabic","Readex Pro","Tajawal","Noto Sans Arabic",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
	font-size: 17px;
	line-height: 2.4;
	font-weight: 400;
	letter-spacing: 0;
	color: #374151;
	text-align: center;
}


/* Primary CTA button fallback styling */
.aibc-primary-cta{
	display: block;
	width: min(380px, 90%);
	margin: 24px auto 0;
	padding: 16px 24px;
	border-radius: 14px;
	background: #1F2937;
	color: #FFFFFF;
	border: 0;
	font-size: 17px;
	font-weight: 600;
	font-family: "IBM Plex Sans Arabic","Readex Pro","Tajawal","Noto Sans Arabic",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
	cursor: pointer;
	transition: background-color 0.2s ease;
	text-align: center;
}
.aibc-primary-cta:hover{ background: #111827; }
.aibc-primary-cta:active{ transform: translateY(1px); }



/* Excel Tools (Mode) */
#aibc-excel-mode .aibc-excel-tools-grid{
	display:flex;
	flex-wrap:wrap;
	gap:16px;
	margin-top:16px;
}
#aibc-excel-mode .aibc-excel-card{
	background:#fff;
	border:1px solid rgba(0,0,0,0.08);
	border-radius:12px;
	padding:16px;
	flex:1 1 320px;
	min-width:280px;
}
#aibc-excel-mode .aibc-excel-card textarea{
	width:100%;
	margin:8px 0;
}
#aibc-excel-mode .aibc-excel-card input[type="file"],
#aibc-excel-mode .aibc-excel-card select{
	width:100%;
	margin:8px 0;
}
#aibc-excel-mode .aibc-excel-result{
	margin-top:12px;
	padding:12px;
	background:#f6f7f7;
	border-radius:10px;
	border:1px solid rgba(0,0,0,0.08);
	white-space:pre-wrap;
}


/* Document Analyzer (Improved UX) */
#aibc-doc-analyzer-mode .aibc-doc-analyzer-card{
	background:#fff;
	border:1px solid rgba(0,0,0,0.08);
	border-radius:14px;
	padding:16px;
	box-shadow:0 6px 24px rgba(0,0,0,0.06);
}
#aibc-doc-analyzer-mode .aibc-doc-steps{
	display:flex;
	flex-direction:column;
	gap:14px;
}
#aibc-doc-analyzer-mode .aibc-doc-step{
	border:1px solid rgba(0,0,0,0.06);
	border-radius:12px;
	padding:14px;
	background:rgba(255,255,255,0.8);
}
#aibc-doc-analyzer-mode .aibc-doc-step-header{
	display:flex;
	align-items:flex-start;
	gap:12px;
	margin-bottom:12px;
}
#aibc-doc-analyzer-mode .aibc-doc-step-badge{
	width:28px;height:28px;flex:0 0 28px;
	border-radius:999px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	font-weight:700;
	background:#0f172a;
	color:#fff;
}
#aibc-doc-analyzer-mode .aibc-doc-step-title h3{
	margin:0;
	font-size:16px;
}
#aibc-doc-analyzer-mode .aibc-doc-step-title p{
	margin:4px 0 0;
	opacity:0.8;
}
#aibc-doc-analyzer-mode .aibc-doc-dropzone{
	position:relative;
	border:2px dashed rgba(0,0,0,0.18);
	border-radius:12px;
	padding:16px;
	cursor:pointer;
	background:rgba(0,0,0,0.02);
}
#aibc-doc-analyzer-mode .aibc-doc-dropzone.is-dragover{
	background:rgba(0,0,0,0.04);
	border-color:rgba(15,23,42,0.6);
}
#aibc-doc-analyzer-mode .aibc-doc-dropzone.has-error{
	border-color:#b32d2e;
	background:rgba(179,45,46,0.06);
}
#aibc-doc-analyzer-mode .aibc-doc-dropzone input[type="file"]{
	position:absolute;
	inset:0;
	opacity:0;
	cursor:pointer;
}
#aibc-doc-analyzer-mode .aibc-doc-dropzone-inner{
	display:flex;
	align-items:center;
	gap:12px;
}
#aibc-doc-analyzer-mode .aibc-doc-dropzone-icon{
	font-size:28px;
	line-height:1;
}
#aibc-doc-analyzer-mode .aibc-doc-dropzone-text strong{
	display:block;
	font-size:14px;
}
#aibc-doc-analyzer-mode .aibc-doc-dropzone-text span{
	display:block;
	opacity:0.75;
	font-size:13px;
}
#aibc-doc-analyzer-mode .aibc-doc-filemeta{
	margin-top:10px;
	display:flex;
	gap:10px;
	align-items:center;
	font-size:13px;
	opacity:0.85;
}
#aibc-doc-analyzer-mode .aibc-doc-filemeta-name{
	font-weight:600;
}
#aibc-doc-analyzer-mode .aibc-doc-prompt-tools{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin:0 0 10px;
}
#aibc-doc-analyzer-mode .aibc-doc-label{
	display:block;
	font-weight:600;
	margin:6px 0;
}
#aibc-doc-analyzer-mode textarea#aibc-doc-prompt{
	width:100%;
	border-radius:10px;
	padding:10px 12px;
}
#aibc-doc-analyzer-mode .aibc-doc-hint{
	margin-top:8px;
	font-size:13px;
	opacity:0.75;
}
#aibc-doc-analyzer-mode .aibc-doc-actions{
	display:flex;
	align-items:center;
	gap:12px;
	flex-wrap:wrap;
}
#aibc-doc-analyzer-mode .aibc-doc-analyze-btn{
	padding:10px 16px;
	border-radius:10px;
}
#aibc-doc-analyzer-mode .aibc-doc-status{
	font-size:13px;
}
#aibc-doc-analyzer-mode .aibc-doc-status.is-error{
	color:#b32d2e;
}
#aibc-doc-analyzer-mode .aibc-doc-progress{
	margin-top:12px;
	display:flex;
	flex-direction:column;
	gap:8px;
}
#aibc-doc-analyzer-mode .aibc-doc-progress-row{
	display:flex;
	align-items:center;
	gap:10px;
}
#aibc-doc-analyzer-mode .aibc-doc-progress-dot{
	width:10px;height:10px;border-radius:999px;
	background:rgba(0,0,0,0.18);
}
#aibc-doc-analyzer-mode .aibc-doc-progress-dot.is-active{
	background:#0f172a;
}
#aibc-doc-analyzer-mode .aibc-doc-progress-dot.is-done{
	background:#1f7a1f;
}
#aibc-doc-analyzer-mode .aibc-doc-result{
	border-top:1px solid rgba(0,0,0,0.06);
	padding-top:12px;
}
#aibc-doc-analyzer-mode .aibc-doc-output{
	margin-top:10px;
	padding:12px;
	background:#f6f7f7;
	border-radius:10px;
	border:1px solid rgba(0,0,0,0.08);
	white-space:pre-wrap;
}
#aibc-doc-analyzer-mode .aibc-doc-downloads{
	display:flex;
	gap:10px;
	margin-top:10px;
	flex-wrap:wrap;
}


/* Simple Field Style - Same as PDF Format */
.aibc-simple-field {
	margin-bottom: 16px;
}

.aibc-simple-field > label {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: #111827;
	margin-bottom: 8px;
}

.aibc-simple-field select {
	width: 100%;
	padding: 14px 16px;
	font-size: 14px;
	font-family: inherit;
	color: #374151;
	background-color: #f3f4f6;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	appearance: none;
	cursor: pointer;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");
	background-position: left 14px center;
	background-repeat: no-repeat;
	background-size: 18px;
	padding-left: 40px;
}

[dir="ltr"] .aibc-simple-field select {
	background-position: right 14px center;
	padding-left: 16px;
	padding-right: 40px;
}

.aibc-simple-field select:focus {
	outline: none;
	border-color: #3b82f6;
	box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.aibc-field-hint {
	margin-top: 8px;
	padding: 10px 12px;
	font-size: 13px;
	color: #6b7280;
	background: #f0f9ff;
	border-radius: 8px;
	border-right: 3px solid #0ea5e9;
}

[dir="ltr"] .aibc-field-hint {
	border-right: none;
	border-left: 3px solid #0ea5e9;
}


/* Book Summary in Step 4 */
.aibc-book-summary {
	text-align: center;
	padding: 20px 0;
}
.aibc-summary-title {
	font-size: 1.5em;
	font-weight: 700;
	color: #1f2937;
	margin: 0 0 10px 0;
}
.aibc-summary-meta {
	color: #16a34a;
	font-weight: 600;
	margin: 0 0 15px 0;
}
.aibc-summary-chapters {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: right;
}
.aibc-summary-chapters li {
	background: #f9fafb;
	border: 1px solid #e5e7eb;
	padding: 10px 15px;
	margin-bottom: 6px;
	border-radius: 8px;
	color: #374151;
}