:root{--cover-bg:#070707;--cover-panel:#101010;--cover-panel-2:#171717;--cover-line:#ffffff1f;--cover-line-strong:#d4a83f59;--cover-text:#f5f1e8;--cover-muted:#aaa196;--cover-gold:#d4a83f;--cover-gold-strong:#f0cf74;--cover-danger:#ff7b7b;--cover-good:#8ee6a6}body{background:radial-gradient(circle at 50% -15%, #d4a83f14, transparent 34rem), linear-gradient(180deg, #090909, var(--cover-bg) 44rem)}.cg-cover-app{color:var(--cover-text);max-width:1560px;margin:0 auto;padding:96px clamp(14px,3vw,34px) 56px}.cover-hero{grid-template-columns:minmax(0,1fr) 330px;align-items:stretch;gap:24px;margin-bottom:18px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--cover-gold);margin:0 0 8px;font-size:.78rem;font-weight:800}.cover-hero h1{color:var(--cover-text);margin:0;font-size:clamp(2.15rem,5vw,4.5rem);line-height:.95}.hero-copy{max-width:760px;color:var(--cover-muted);margin:14px 0 0;font-size:1.08rem}.hero-card,.panel,.letter-preview-wrap{border:1px solid var(--cover-line);background:linear-gradient(#ffffff0b,#ffffff04);border-radius:22px;box-shadow:0 18px 48px #00000047}.hero-card{align-content:center;gap:8px;padding:20px;display:grid}.hero-card strong{color:var(--cover-gold-strong)}.hero-card span,.muted{color:var(--cover-muted)}#saveStatus{color:var(--cover-muted);font-size:.9rem}.status-bar{border:1px solid var(--cover-line);color:var(--cover-muted);background:#ffffff09;border-radius:16px;margin:0 0 20px;padding:12px 16px}.status-bar.success{color:var(--cover-good);border-color:#9dd6a459}.status-bar.warn{color:var(--cover-danger);border-color:#e7a19a61}.cover-grid{grid-template-columns:minmax(0,1fr) minmax(360px,520px);align-items:start;gap:22px;display:grid}.form-stack,.preview-stack{gap:18px;display:grid}.panel{padding:20px}.panel-title-row,.preview-toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.panel h2,.preview-toolbar h2{color:var(--cover-text);margin:0;font-size:1.15rem}.step-badge,.pill{border:1px solid var(--cover-line);color:var(--cover-gold-strong);background:#d4a83f14;border-radius:999px;padding:5px 10px;font-size:.78rem;font-weight:800}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.field{gap:7px;display:grid}.field.full{grid-column:1/-1}.field span,.design-label{color:var(--cover-muted);font-size:.9rem;font-weight:800}.field input,.field textarea,.field select{width:100%;color:var(--cover-text);border:1px solid var(--cover-line);font:inherit;background:#090909;border-radius:14px;outline:none;padding:12px 13px}.field textarea{resize:vertical;min-height:82px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--cover-line-strong);box-shadow:0 0 0 3px #d4a83f17}.field input[type=color]{height:47px;padding:4px}.action-row,.action-grid{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}button{border:1px solid var(--cover-line);color:var(--cover-text);cursor:pointer;background:#151515;border-radius:14px;padding:11px 14px;font-weight:800;transition:border-color .15s,background .15s}button:hover{border-color:var(--cover-line-strong);background:#1c1c1c}button.primary{background:linear-gradient(135deg, var(--cover-gold-strong), #b9841f);color:#111;border-color:#0000}.warning-list,.success-list{border-radius:14px;gap:8px;margin-bottom:14px;padding:12px;display:grid}.warning-list{color:var(--cover-danger);background:#772a2338;border:1px solid #e7a19a40}.success-list{color:var(--cover-good);background:#245d312e;border:1px solid #9dd6a43d}.keyword-box h3{color:var(--cover-gold-strong);margin:0 0 8px}.term-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.term{border:1px solid #0000;border-radius:999px;padding:5px 9px;font-size:.78rem}.term.matched{color:#cdf3d1;background:#37884b38;border-color:#9dd6a447}.term.missing{color:var(--cover-gold-strong);background:#d4a83f14;border-color:#d4a83f38}.letter-preview-wrap{padding:18px;position:sticky;top:88px}.preview-toolbar{margin-bottom:12px}.preview-toolbar span{color:var(--cover-muted);font-size:.9rem}.letter-page{--accent:#b88746;--letter-font:Georgia, serif;color:#24190e;min-height:680px;font-family:var(--letter-font);background:#fffaf0;border-radius:16px;padding:clamp(24px,4vw,46px);line-height:1.58;box-shadow:inset 0 0 0 1px #321e0824}.letter-head{border-bottom:3px solid var(--accent);justify-content:space-between;gap:16px;margin-bottom:22px;padding-bottom:16px;display:flex}.letter-head h2{color:#24190e;margin:0 0 6px;font-size:1.55rem}.letter-head p,.letter-head time{color:#5e4a33;margin:0;font-size:.93rem}.recipient-block,.salutation,.signature{margin:18px 0}.letter-body p{margin:0 0 16px}.signature strong{margin-top:8px;display:block}.template-classic .letter-head{border-bottom-width:1px}.template-classic .letter-head h2{text-transform:uppercase;letter-spacing:.08em}.template-minimal .letter-head{border-bottom:0;padding-bottom:0}.template-minimal{box-shadow:inset 0 0 0 1px #00000014}@media (width<=1100px){.cover-hero,.cover-grid{grid-template-columns:1fr}.letter-preview-wrap{position:static}}@media (width<=720px){.cg-cover-app{padding-inline:12px}.field-grid,.compact-grid,.action-grid{grid-template-columns:1fr}.panel,.hero-card,.letter-preview-wrap{border-radius:16px;padding:15px}.letter-head{display:grid}.letter-page{padding:22px;font-size:.93rem}}@media print{body *{visibility:hidden!important}#letterPreview,#letterPreview *{visibility:visible!important}#letterPreview{width:100%;position:absolute;top:0;left:0}.letter-page{box-shadow:none;border-radius:0;min-height:auto;padding:.6in}}