:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f9;--card:#fff;--ink:#14181f;--muted:#5b6472;--line:#dfe3e8;--brand:#0f6b5c;--brand-ink:#fff;--danger:#b42318;--ok:#067647}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Noto Sans Arabic,sans-serif}a{color:var(--brand)}header.nav{background:var(--card);border-bottom:1px solid var(--line);align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}header.nav .brand{margin-inline-end:auto;font-weight:700}header.nav a{color:var(--ink);text-decoration:none}header.nav button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;padding:.3rem .7rem}main{max-width:960px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;margin-bottom:1rem;padding:1.1rem 1.25rem}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.muted{color:var(--muted);font-size:.9em}.btn{background:var(--brand);color:var(--brand-ink);cursor:pointer;border:0;border-radius:6px;padding:.5rem .9rem;font-weight:600;text-decoration:none;display:inline-block}.btn[disabled]{opacity:.5;cursor:default}.btn.secondary{color:var(--ink);border:1px solid var(--line);background:#fff}.error{color:var(--danger);background:#fff1f0;border:1px solid #f5c2c0;border-radius:6px;padding:.6rem .8rem}.ok{color:var(--ok)}.option{border:1px solid var(--line);cursor:pointer;border-radius:6px;align-items:flex-start;gap:.6rem;margin:.35rem 0;padding:.5rem .6rem;display:flex}.option.selected{border-color:var(--brand);background:#eef7f4}pre{color:#e6edf3;background:#0f1720;border-radius:8px;padding:.8rem 1rem;font-size:.82em;overflow-x:auto}table{border-collapse:collapse;width:100%}td,th{text-align:start;border-bottom:1px solid var(--line);vertical-align:top;padding:.45rem .5rem}input{border:1px solid var(--line);width:100%;font:inherit;border-radius:6px;padding:.55rem .7rem}label{margin:.6rem 0 .2rem;font-weight:600;display:block}.progress{background:var(--line);border-radius:3px;height:6px;margin:.5rem 0 1rem;overflow:hidden}.progress>div{background:var(--brand);height:100%}code{background:#eef0f3;border-radius:4px;padding:.05rem .3rem}