*{box-sizing:border-box}body{color:#fff;background:#08050f;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}main{background:radial-gradient(circle at 15% 5%,#fb718542,#0000 34%),radial-gradient(circle at 90% 10%,#a855f73d,#0000 30%),#08050f;min-height:100vh;padding:20px}header,.hero,.workspace{width:min(1180px,100%);margin:0 auto}header{color:#b9b2c6;justify-content:space-between;align-items:center;gap:24px;display:flex}.brand{color:#fff;align-items:center;gap:10px;font-size:20px;font-weight:900;display:flex}.brand span{background:linear-gradient(135deg,#fb7185,#a855f7);border-radius:14px;place-items:center;width:42px;height:42px;font-size:13px;display:grid}.hero{grid-template-columns:1.1fr .9fr;align-items:end;gap:32px;padding:74px 0 32px;display:grid}.eyebrow{color:#f0abfc;letter-spacing:.2em;text-transform:uppercase;font-size:12px;font-weight:900}h1{max-width:820px;margin:14px 0;font-size:clamp(42px,7vw,78px);line-height:.95}.lede{color:#c5becf;max-width:720px;font-size:18px;line-height:1.75}.stats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stat{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:24px;min-height:140px;padding:18px}.stat svg{color:#f0abfc}.stat strong{margin-top:22px;font-size:32px;display:block}.stat span,aside small{color:#a69daf}.workspace{grid-template-columns:320px 1fr;gap:18px;padding-bottom:72px;display:grid}aside,.output{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:28px;box-shadow:0 30px 80px #00000047}aside{padding:16px}aside h2{margin:8px 8px 14px}aside button{color:#fff;text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #0000;border-radius:18px;align-items:center;gap:12px;width:100%;margin-bottom:10px;padding:10px;display:flex}aside button.active{background:#f0abfc1f;border-color:#f0abfc73}aside img{object-fit:cover;border-radius:14px;width:52px;height:64px}aside span{display:grid}.output{padding:20px}.preview{grid-template-columns:180px 1fr;align-items:center;gap:18px;display:grid}.preview img{object-fit:cover;border-radius:24px;width:180px;height:220px}.preview p{color:#c9c2d2;line-height:1.6}pre{white-space:pre-wrap;color:#e9e4ef;background:#05030a;border-radius:20px;margin:20px 0;padding:18px;line-height:1.65;overflow-x:auto}.copy{color:#090511;cursor:pointer;background:#fff;border:0;border-radius:16px;align-items:center;gap:8px;height:48px;padding:0 18px;font-weight:900;display:inline-flex}@media (width<=900px){header,.hero,.workspace,.preview,.stats{grid-template-columns:1fr}}