:root{--ink:#14161a;--mute:#5d6470;--line:#d9dde3;--acc:#c2410c;--bg:#fbfaf7}
*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg)}
main{max-width:920px;margin:0 auto;padding:20px 16px 60px}h1{font-size:1.7rem;line-height:1.2;margin:.4em 0}
.lede{color:var(--mute);margin-top:0}label{display:block;font-weight:600;margin:.8em 0 .3em}
textarea{width:100%;min-height:180px;font:15px/1.45 ui-monospace,Menlo,Consolas,monospace;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff}
input,select{font:inherit;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:#fff}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:720px){.two{grid-template-columns:1fr}}
.row{display:flex;flex-wrap:wrap;gap:14px;align-items:end}.row label{margin:.4em 0 0;font-weight:500}
button,.btn{font:inherit;font-weight:600;padding:9px 16px;border-radius:8px;border:0;background:var(--ink);color:#fff;cursor:pointer;text-decoration:none;display:inline-block}
.btn.ghost,button.ghost{background:#fff;color:var(--ink);border:1px solid var(--ink)}
#out{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:10px;background:#fff}
.big{font-size:1.3rem;margin:.2em 0 .6em}.big b{color:var(--acc)}.muted{color:var(--mute);font-size:.92rem}
table.res{width:100%;border-collapse:collapse}table.res td,table.res th{border-top:1px solid var(--line);padding:6px 8px;text-align:left;vertical-align:top}
ol.pass li{margin:.3em 0}.draft{border:1px dashed var(--line);padding:10px;border-radius:8px;max-height:360px;overflow:auto;font-size:.95rem}
mark{background:#fde2c8}u{text-decoration:wavy underline #d00}u.dbl{text-decoration-color:#7c3aed}
.box{margin-top:22px;padding:16px;border-radius:10px;background:#f2efe8}.foot{margin-top:30px;font-size:.9rem;color:var(--mute)}
details{margin:.5em 0}summary{font-weight:600;cursor:pointer}
