:root{--ink:#202333;--muted:#6d7284;--line:#dedfeb;--paper:#f8f8fc;--card:#fff;--accent:#6d58b4}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 84% 0,#e8e4fa 0,transparent 38%),var(--paper);color:var(--ink);font-family:Arial,sans-serif}button,input,textarea{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:660px;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,.94);box-shadow:0 20px 60px rgba(54,45,100,.1)}.controlGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.wide{grid-column:1/-1}label{display:grid;gap:8px;color:var(--muted);font-size:14px;font-weight:700}input,textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);padding:12px 13px}textarea{resize:vertical;line-height:1.5}button:focus,input:focus,textarea:focus{outline:3px solid #c9c0ec;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}.dialogPreview>button,.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}.dialogPreview{margin-top:18px;padding:26px;border:1px solid #d2c8ed;border-radius:16px;background:linear-gradient(135deg,#f8f4ff,#fff)}.dialogPreview>button{background:var(--accent)}dialog{max-width:440px;border:0;border-radius:18px;padding:0;box-shadow:0 24px 90px rgba(25,20,50,.25)}dialog::backdrop{background:rgba(24,19,42,.42)}.dialogPanel{padding:26px}.dialogPanel h2{margin:0;font-family:Georgia,serif;font-size:28px}.dialogPanel p{color:var(--muted);line-height:1.6}.dialogPanel button{border:0;border-radius:999px;background:var(--ink);color:#fff;padding:10px 15px;cursor:pointer}.codeOutput{min-height:230px;margin:16px 0 0;padding:19px;overflow:auto;border-radius:14px;background:#202333;color:#f0ecff;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}.wide{grid-column:auto}.outputHeader{align-items:start;flex-direction:column}.hero h1{font-size:clamp(40px,13vw,64px)}}:focus-visible{outline:3px solid currentColor;outline-offset:3px}@media(prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}