:root{--paper:#fff8ef;--ink:#241710;--white:#fff;--muted:#8b6f5a;--line:#ead5bd;--rose:#d94f70;--orange:#f39a32;--sage:#7c9c70}*{box-sizing:border-box}body{background:radial-gradient(circle at 8% 12%, #d94f7029, transparent 28%), radial-gradient(circle at 88% 8%, #f39a322e, transparent 26%), linear-gradient(120deg, #ead5bd73 25%, transparent 25%) 0 0 / 34px 34px, var(--paper);color:var(--ink);margin:0;font-family:Georgia,Times New Roman,serif;overflow-x:hidden}.wrap{width:min(1200px,100% - 40px);margin:0 auto}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:30px 0;display:flex}.brand{letter-spacing:-.04em;font-family:Inter,ui-sans-serif,system-ui;font-size:22px;font-weight:900}.tag{background:var(--rose);color:#fff;text-transform:uppercase;letter-spacing:.12em;border-radius:999px;padding:8px 12px;font:800 11px ui-monospace,monospace;display:inline-flex}.hero{grid-template-columns:.9fr 1.1fr;align-items:end;gap:28px;padding:58px 0 34px;display:grid}h1{letter-spacing:-.06em;max-width:13ch;margin:18px 0 0;font-size:clamp(3rem,7vw,6.2rem);line-height:.92}.lede{color:var(--muted);max-width:64ch;font-size:20px;line-height:1.75}.studio{grid-template-columns:minmax(260px,330px) minmax(0,1fr);gap:18px;padding-bottom:70px;display:grid}.panel{border:1px solid var(--line);background:#ffffffc7;border-radius:30px;min-width:0;padding:22px;overflow:hidden;box-shadow:0 24px 60px #502f161a}.templates{gap:10px;margin-top:18px;display:grid}.template{border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;text-transform:none;background:#fff4e5;border-radius:18px;margin:0;padding:13px 14px;font:800 14px Inter,ui-sans-serif,system-ui}.template.active{background:var(--ink);color:var(--paper)}h2{letter-spacing:-.04em;margin-top:18px;font-size:clamp(1.9rem,4vw,3.3rem);line-height:1.02}input,textarea,select{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:#fffaf3;border-radius:18px;outline:none;margin-top:10px;padding:14px}textarea{resize:vertical;min-height:150px}.generate{background:linear-gradient(135deg,var(--rose),var(--orange));color:#fff;text-transform:uppercase;cursor:pointer;border:0;border-radius:999px;margin-top:12px;padding:14px 22px;font:900 13px Inter,ui-sans-serif,system-ui}.output{border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;background:#fffaf3;border-radius:24px;min-height:280px;margin-top:18px;padding:24px;line-height:1.8;box-shadow:inset 0 0 0 8px #fff8efb8}.metrics{grid-template-columns:1fr;gap:12px;margin-top:18px;display:grid}.metric{border:1px solid var(--line);background:#fff4e5;border-radius:18px;padding:14px;font-family:Inter,ui-sans-serif,system-ui}.metric strong{letter-spacing:-.04em;font-size:24px;display:block}@media (width<=900px){.hero,.studio,.metrics{grid-template-columns:1fr}}