*{box-sizing:border-box;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial;}
body{margin:0;background:#f6f8fa;color:#0b1220}
header{background:#0b1220;color:#fff;padding:18px 28px}
header h1{margin:0;font-size:20px}
main{display:grid;grid-template-columns:320px 1fr;gap:18px;padding:18px}
section{background:#fff;border-radius:10px;padding:12px;box-shadow:0 6px 18px rgba(11,18,32,0.06)}
#controls label, #globalForm label{display:block;margin-bottom:8px;font-size:13px}
#pages{max-height:60vh;overflow:auto}
.pageItem{display:flex;gap:10px;align-items:center;padding:6px;border-bottom:1px solid #eef2f6}
.pageItem img{width:74px;height:56px;object-fit:cover;border-radius:4px;background:#ddd}
.card{padding:10px;background:#fbfdff;border:1px solid #e6f0ff;border-radius:8px}
#progressBar{height:18px;background:#e6eef9;border-radius:9px;overflow:hidden}
#progressFill{height:100%;background:linear-gradient(90deg,#0b7fed,#23d5ab)}
pre{white-space:pre-wrap;font-family:monospace;font-size:13px}
footer{padding:12px;text-align:center;font-size:12px;color:#5a6b7a}