/* Glassmorphism skin: app chrome only. Document pages (.page) stay plain white paper. */
:root{--g1:#c9b8ff;--g2:#b8f0dc;--g3:#ffd6f0;--ink:#1d1b3a;--violet:#6a4df5;--violet2:#8f6bff;--glassbg:rgba(255,255,255,.52);--glassline:rgba(255,255,255,.75)}
body{background:radial-gradient(900px 600px at 8% -5%,var(--g1) 0,transparent 60%),radial-gradient(800px 600px at 100% 10%,var(--g2) 0,transparent 55%),radial-gradient(700px 700px at 50% 110%,var(--g3) 0,transparent 55%),#f4f1ff;background-attachment:fixed;color:var(--ink);min-height:100vh}
header{background:rgba(255,255,255,.45)!important;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-bottom:1px solid var(--glassline)!important;position:sticky;top:0;z-index:20}
.brand .mark{background:linear-gradient(135deg,var(--violet),var(--violet2))!important;color:#fff!important;box-shadow:0 6px 18px rgba(106,77,245,.35)}
.pill{background:rgba(255,255,255,.65)!important;border:1px solid var(--glassline)!important;color:#4b3fb5!important}
.hero h1{background:linear-gradient(120deg,#2a1f7a,#6a4df5 55%,#1fa88a);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{color:#5b46e0!important}
.quickstart span{background:var(--glassbg)!important;border:1px solid var(--glassline)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:999px}
.quickstart b{background:linear-gradient(135deg,var(--violet),var(--violet2))!important;color:#fff!important}
.editor,.preview{background:var(--glassbg)!important;border:1px solid var(--glassline)!important;border-radius:24px!important;backdrop-filter:blur(22px) saturate(1.5);-webkit-backdrop-filter:blur(22px) saturate(1.5);box-shadow:0 20px 50px rgba(80,60,180,.14),inset 0 1px 0 rgba(255,255,255,.8)}
.type,details,.sectioncard,.imgcard,.aipanel,#reviewChecks,#empty{background:rgba(255,255,255,.5)!important;border:1px solid var(--glassline)!important;border-radius:16px!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.type.active{background:linear-gradient(135deg,rgba(106,77,245,.92),rgba(143,107,255,.92))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 10px 24px rgba(106,77,245,.35)}
.type.active small{color:rgba(255,255,255,.85)!important}
input,select,textarea{background:rgba(255,255,255,.62)!important;border:1px solid rgba(120,100,220,.22)!important;border-radius:12px!important;color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(106,77,245,.45)!important;outline-offset:1px;background:rgba(255,255,255,.9)!important}
.primary{background:linear-gradient(135deg,var(--violet),var(--violet2))!important;color:#fff!important;border:0!important;border-radius:14px!important;box-shadow:0 10px 24px rgba(106,77,245,.35)}
.secondary,label.import{background:rgba(255,255,255,.6)!important;border:1px solid rgba(120,100,220,.25)!important;color:#3a2fa0!important;border-radius:14px!important}
.textbtn{color:#5b46e0!important}
.step{background:linear-gradient(135deg,var(--violet),var(--violet2))!important;color:#fff!important;-webkit-text-fill-color:#fff}
footer{color:#4f4a7a}
progress{accent-color:var(--violet)}
#status.error{color:#b00020}
/* new controls */
.setupbar{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.setupbar label{display:block;font-size:12px;font-weight:600}.setupbar select{width:100%}
.aipanel{padding:16px;margin:10px 0 16px;background:linear-gradient(135deg,rgba(143,107,255,.16),rgba(120,230,200,.18))!important}
.aihead{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.aihead span{font-size:12px;color:#4f4a7a}
.airow{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-top:10px}.airow label{flex:1;min-width:150px;font-size:12px;font-weight:600}.airow select{width:100%}
.orgrow{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:8px}
#logoPreview img{max-height:70px;border-radius:8px;background:#fff;padding:4px;margin-right:10px}
input[type=color]{height:42px;padding:3px;width:100%}
@media(max-width:480px){.setupbar{grid-template-columns:1fr}}
/* cover designer */
.cover{position:relative}
.covlogo{display:block;margin:0 auto 14px;max-height:110px;max-width:220px;object-fit:contain}
.cover.cs-bordered{outline:3px double var(--acc);outline-offset:-26px}
.cover.cs-bordered h1,.cover.cs-band h1,.cover.cs-bar h1{color:var(--acc)}
.cover.cs-band .institution{background:var(--acc);color:#fff;padding:18px 20px;margin:-8px -8px 24px;border-radius:0}
.cover.cs-bar{border-left:16px solid var(--acc);padding-left:24px}
.cover.cs-classic .rule,.cover .rule{border-color:var(--acc,#333)}