:root{--bg:#f5f7fa;--card:#fff;--text:#15202b;--muted:#677483;--line:#dde3e8;--accent:#4b63d3}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,system-ui,sans-serif;color:var(--text);line-height:1.5}.wrap{width:min(980px,calc(100% - 28px));margin:auto}header{background:#fff;border-bottom:1px solid var(--line)}header .wrap{height:64px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:900;letter-spacing:-.03em}.tag{color:var(--muted);font-size:.88rem}.hero{padding:58px 0 24px}h1{font-size:clamp(2.2rem,6vw,4.5rem);letter-spacing:-.055em;line-height:1;margin:10px 0}.lead{color:var(--muted);font-size:1.08rem;max-width:720px}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px;margin:18px 0;box-shadow:0 10px 30px rgba(20,30,45,.05)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field label{font-weight:750;font-size:.9rem}input,select{width:100%;margin-top:6px;padding:11px 12px;border:1px solid #cbd3dc;border-radius:11px;font:inherit;background:#fff}button,.download{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:12px 16px;font-weight:850;background:var(--accent);color:#fff;text-decoration:none;cursor:pointer;margin-top:14px}.preview{min-height:220px;border:1px dashed #bdc6cf;border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fbfcfd}.preview img{max-width:100%;max-height:480px}.stats{color:var(--muted);font-size:.92rem;margin-top:12px}.note{background:#eef1ff;padding:13px 14px;border-radius:12px;color:#42509b}footer{padding:36px 0;color:var(--muted);font-size:.86rem}@media(max-width:700px){.grid{grid-template-columns:1fr}}