:root{--brand:#4f46e5;--ink:#182235;--muted:#526078;--line:#dbe3ef;--bg:#f6f8fc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}.wrap{max-width:1000px;margin:auto;padding:24px 16px 56px}.crumbs{font-size:.85rem;color:var(--muted)}.crumbs a{color:inherit}h1{line-height:1.2;margin:.65rem 0 .4rem}.lede{color:var(--muted);margin:0 0 1.25rem}.tool{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:0 5px 22px #22334b0c}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:block;font-weight:700;font-size:.9rem;margin-bottom:5px}textarea,pre{width:100%;min-height:220px;margin:0;padding:12px;border:1px solid #bcc9db;border-radius:8px;background:#fff;color:#182235;font:13px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow:auto}pre{min-height:220px;word-break:break-word}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}button{border:0;border-radius:8px;padding:9px 13px;background:var(--brand);color:#fff;font-weight:700;cursor:pointer}button.alt{background:#e8edf5;color:#263650}.status{min-height:1.4em;color:#b42318;margin-top:8px}.content{max-width:820px;margin:34px auto 0}.content h2{font-size:1.3rem;margin-top:2rem}.content p,.content li{color:#42516a}.note{font-size:.9rem;color:#526078}@media(max-width:720px){.grid{grid-template-columns:1fr}h1{font-size:1.65rem}}