:root{--bg:#f3f7fb;--panel-bg:#ffffffd6;--section-bg:#f8fafcf2;--input-bg:#fffffff5;--border:#94a3b847;--text:#475467;--text-h:#101828;--muted:#667085;--accent-soft:#2563eb1f;--accent-strong:#2954d1;--shadow:0 18px 40px #0f172a14;color:var(--text);background:radial-gradient(circle at top left, #2563eb1a, transparent 28%), radial-gradient(circle at top right, #10b98114, transparent 22%), var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}button,input,textarea{font:inherit}h1,h2,h3,h4,p{margin:0}a{color:inherit}.app-shell{flex-direction:column;gap:24px;min-height:100vh;padding:40px 24px 56px;display:flex}.hero-panel{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(135deg,#3d52a029,#54d6c014);border-radius:28px;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:20px;padding:28px;display:grid}.hero-copy{flex-direction:column;gap:16px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--muted);font-size:.82rem}.lead{max-width:62ch;font-size:1.02rem;line-height:1.7}.hero-metrics{gap:14px;display:grid}.hero-metrics div{background:var(--panel-bg);border:1px solid var(--border);border-radius:20px;gap:6px;padding:18px;display:grid}.hero-metrics strong{color:var(--text-h);font-size:1rem}.workspace-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.95fr);gap:24px;display:grid}.composer-panel,.result-panel{background:var(--panel-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:28px;padding:24px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.status-pill,.summary-label,.keyword-list span{background:var(--accent-soft);color:var(--accent-strong);border-radius:999px;align-items:center;padding:8px 12px;font-size:.85rem;display:inline-flex}.doc-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.doc-card{text-align:left;border:1px solid var(--border);cursor:pointer;color:var(--text);background:0 0;border-radius:20px;gap:8px;padding:18px;transition:transform .18s,border-color .18s,background .18s;display:grid}.doc-card span{color:var(--text-h);font-weight:700}.doc-card small{color:var(--muted);line-height:1.5}.doc-card.active{border-color:var(--accent-strong);background:var(--accent-soft);transform:translateY(-1px)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}label{color:var(--text-h);gap:8px;font-weight:600;display:grid}label span{font-size:.92rem}.full-span{grid-column:1/-1}input,textarea{box-sizing:border-box;border:1px solid var(--border);background:var(--input-bg);width:100%;color:var(--text-h);font:inherit;resize:vertical;border-radius:16px;padding:14px 16px}input:focus,textarea:focus,button:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.action-row{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.primary-button,.ghost-button{font:inherit;cursor:pointer;border:none;border-radius:999px;padding:14px 18px}.primary-button{color:#fff;background:linear-gradient(135deg,#2954d1,#5f72ff);font-weight:700}.primary-button:disabled{cursor:wait;opacity:.7}.ghost-button{border:1px solid var(--border);color:var(--text-h);background:0 0}.error-banner{color:#b42318;background:#fee4e2e6;border:1px solid #f0443838;border-radius:18px;margin-top:16px;padding:14px 16px}.result-panel{min-height:420px}.empty-state,.draft-output,.section-list{gap:16px;display:grid}.empty-state{text-align:center;min-height:100%;color:var(--muted);place-content:center}.draft-summary{gap:12px;display:grid}.keyword-list{flex-wrap:wrap;gap:10px;display:flex}.section-card{border:1px solid var(--border);background:var(--section-bg);border-radius:22px;padding:18px}.section-card h4{color:var(--text-h);margin:0 0 10px}.section-card p{line-height:1.7}@media (width<=1024px){.hero-panel,.workspace-grid,.doc-type-grid,.form-grid{grid-template-columns:1fr}.app-shell{padding:24px 16px 32px}.panel-heading{flex-direction:column}}