:root{--ink:#241b2f;--muted:#746b7c;--line:#e1d9e9;--paper:#fbf8fc;--card:#fff;--accent:#8055a8}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 86% 0,#f0e3fa 0,transparent 38%),var(--paper);color:var(--ink);font-family:Arial,sans-serif}button,input{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,.93);box-shadow:0 20px 60px rgba(75,45,100,.1)}.controlGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:grid;gap:8px;color:var(--muted);font-size:14px;font-weight:700}input{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);padding:12px 13px}button:focus,input:focus{outline:3px solid #d2bce5;outline-offset:2px}.fieldHint{margin:10px 0 0;color:var(--muted);font-size:12px}.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}.scopePreview{display:grid;gap:8px;margin-top:18px;padding:20px;border:1px solid #d9c4e8;border-radius:16px;background:linear-gradient(135deg,#fbf4ff,#fff)}.scopePreview small,.scopePreview span{color:var(--accent);font:13px ui-monospace,SFMono-Regular,Consolas,monospace}.scopePreview strong{font-family:Georgia,serif;font-size:28px;overflow-wrap:anywhere}.codeOutput{min-height:145px;margin:16px 0 0;padding:19px;overflow:auto;border-radius:14px;background:#241b2f;color:#f5e7ff;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)}}: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}}