*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}body{color:#111827;background:#f3f4f6;padding:24px}.container{grid-template-columns:380px 1fr;gap:24px;max-width:1200px;margin:auto;display:grid}.panel,.cv-preview{background:#fff;border-radius:16px;box-shadow:0 10px 25px #00000014}.panel{height:fit-content;padding:24px;position:sticky;top:24px}h1{margin-bottom:8px;font-size:24px}.subtitle{color:#6b7280;margin-bottom:20px;font-size:14px}label{margin-top:14px;margin-bottom:6px;font-size:13px;font-weight:700;display:block}input,textarea{border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-size:14px}textarea{resize:vertical;min-height:85px}input:focus,textarea:focus{border-color:#111827}.btn-group{gap:10px;margin-top:20px;display:flex}button{cursor:pointer;border:none;border-radius:12px;padding:12px 14px;font-weight:700;transition:all .2s}button:disabled{cursor:not-allowed;opacity:.55}.primary{color:#fff;background:#111827}.secondary{color:#111827;background:#e5e7eb}button:hover{opacity:.9;transform:translateY(-1px)}button:disabled:hover{opacity:.55;transform:none}.btn-group button{flex:1}.ai-section{border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;margin-bottom:4px;padding:18px 0 20px}.ai-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.ai-heading h2{margin:0;font-size:15px}.status-pill{color:#6b7280;white-space:nowrap;border:1px solid #d1d5db;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.status-pill.connected{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.connection-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.compact{border-radius:10px;flex:none;padding:10px 12px}.text-link{color:#111827;border-bottom:1px solid;font-size:13px;font-weight:700;text-decoration:none}.job-description{min-height:72px}.full-width{width:100%;margin-top:12px}.status-message{margin-top:10px;font-size:13px;line-height:1.4}.status-message.success{color:#047857}.status-message.error{color:#b91c1c}.cv-preview{min-height:1000px;padding:52px}.cv-header{text-align:center;border-bottom:2px solid #111827;margin-bottom:24px;padding-bottom:16px}.cv-header h2{text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:30px}.contact{color:#374151;font-size:13px;line-height:1.6}.section{margin-bottom:22px}.section h3{text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #9ca3af;margin-bottom:10px;padding-bottom:4px;font-size:15px}.section p,.section li{font-size:14px;line-height:1.55}ul{padding-left:20px}.job-title{margin-bottom:4px;font-weight:700}.muted{color:#4b5563;margin-bottom:6px;font-size:13px}@media print{body{background:#fff;padding:0}.panel{display:none}.container{max-width:none;display:block}.cv-preview{box-shadow:none;border-radius:0;padding:32px 48px}}@media (width<=900px){.container{grid-template-columns:1fr}.panel{position:static}}@media (width<=600px){body{padding:12px}.container{gap:14px}.panel{padding:18px}.panel,.cv-preview{border-radius:12px}.connection-row .compact{width:100%}.cv-preview{min-height:auto;padding:28px 22px}.cv-header h2{font-size:24px}}
