body { font-family: -apple-system, Segoe UI, Arial, sans-serif; margin: 0; color: #222; background: #f7f7f8; }
.ebookSiteHeader { background: #1c2b3a; color: #fff; padding: 24px 32px; }
.ebookSiteHeader h1 { margin: 0 0 6px; }
.ebookSiteHeader a { color: #9fd3ff; }

.ebookCatalogue { padding: 32px; }
.ebookGrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 20px; }
.ebookCard { display: block; background: #fff; border-radius: 8px; padding: 16px; text-decoration: none; color: #222; box-shadow: 0 1px 4px rgba(0,0,0,0.1); }
.ebookCard img { width: 100%; border-radius: 6px; margin-bottom: 10px; }
.ebookCard h2 { font-size: 16px; margin: 0 0 6px; }
.ebookCard p { font-size: 13px; color: #666; margin: 0 0 10px; }

.ebookButton { display: inline-block; background: #0d6efd; color: #fff; padding: 8px 16px; border-radius: 6px; border: none; cursor: pointer; text-decoration: none; font-size: 14px; }
.ebookButton:disabled { opacity: 0.6; cursor: default; }

.ebookCustomise { display: flex; gap: 24px; padding: 24px; align-items: flex-start; flex-wrap: wrap; }
.ebookFormPane { flex: 1 1 380px; background: #fff; border-radius: 8px; padding: 20px; box-shadow: 0 1px 4px rgba(0,0,0,0.1); }
.ebookFormPane label { display: block; margin-bottom: 12px; font-size: 13px; font-weight: 600; }
.ebookFormPane input { display: block; width: 100%; margin-top: 4px; padding: 8px; font-size: 14px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; font-weight: normal; }
.ebookHint { color: #888; font-size: 12px; }

.ebookPreviewPane { flex: 2 1 500px; background: #fff; border-radius: 8px; padding: 20px; box-shadow: 0 1px 4px rgba(0,0,0,0.1); }
#ebookPreviewFrame { width: 100%; height: 80vh; border: 1px solid #ddd; border-radius: 4px; }

.ebookMessage { padding: 10px 14px; border-radius: 6px; margin-bottom: 14px; font-size: 14px; }
.ebookMessageSuccess { background: #d1e7dd; color: #0a3622; }
.ebookMessageError { background: #f8d7da; color: #58151c; }

#logoPreview img { max-width: 160px; max-height: 80px; display: block; margin-top: 10px; }