:root{--ink:#17202b;--muted:#687482;--line:#d8e0e8;--paper:#f5f8fb;--card:#fff;--accent:#3f6c99}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 14% 0,#e0edf9 0,transparent 38%),var(--paper);color:var(--ink);font-family:Arial,sans-serif}button,input,select{font:inherit}.pageShell{max-width:980px;margin:0 auto;padding:72px 24px 90px}.hero{max-width:730px}.eyebrow,.sectionKicker{margin:0 0 12px;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.hero h1{max-width:720px;margin:0;font-family:Georgia,serif;font-size:clamp(42px,7vw,78px);line-height:.98;letter-spacing:-.055em}.lede{max-width:650px;margin:22px 0 0;color:var(--muted);font-size:19px;line-height:1.55}.toolCard{margin-top:42px;padding:28px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.92);box-shadow:0 20px 60px rgba(45,75,105,.1)}.controlGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}label{display:grid;gap:8px;color:var(--muted);font-size:14px;font-weight:700}input,select{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);padding:12px 13px}button:focus,input:focus,select:focus{outline:3px solid #b6d2eb;outline-offset:2px}.outputHeader{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-top:28px}.infoGrid h2,.outputHeader h2{margin:0;font-family:Georgia,serif;font-size:24px}.outputHeader button{border:0;border-radius:999px;background:var(--ink);color:#fff;padding:11px 17px;cursor:pointer;font-weight:700}.outputHeader button:disabled{opacity:.45;cursor:not-allowed}.contextPreview{display:grid;gap:9px;margin-top:18px;padding:20px;border:1px solid #b9cfe3;border-radius:16px;background:linear-gradient(135deg,#eff7ff,#fff)}.contextPreview span{color:var(--accent);font:13px ui-monospace,SFMono-Regular,Consolas,monospace}.contextPreview strong{font-family:Georgia,serif;font-size:28px}.contextPreview p{margin:0;color:var(--muted)}.codeOutput{min-height:170px;margin:16px 0 0;padding:19px;overflow:auto;border-radius:14px;background:#17202b;color:#dceeff;font:14px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.privacyNote{margin:18px 0 0;color:var(--muted);font-size:13px}.infoGrid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:48px}.infoGrid article{padding-top:20px;border-top:1px solid var(--line)}.infoGrid p{color:var(--muted);line-height:1.65}.faq{margin-top:20px}.faq strong{font-size:15px}.faq p{margin:6px 0 0}@media(max-width:680px){.pageShell{padding:42px 18px 64px}.toolCard{padding:20px;border-radius:18px}.controlGrid,.infoGrid{grid-template-columns:1fr}.outputHeader{align-items:start;flex-direction:column}.hero h1{font-size:clamp(40px,13vw,64px)}}