:root{--bg: #f6f7f7;--card: #ffffff;--ink: #101820;--muted: #5b6670;--primary: #00313c;--accent: #9adbe8;--line: #dfe3e5;--err: #b3261e}@media (prefers-color-scheme: dark){:root{--bg: #0c1218;--card: #141d25;--ink: #eef2f3;--muted: #9aa7b0;--line: #26323c;--primary: #9adbe8}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:Segoe UI,Tahoma,Noto Sans Arabic,sans-serif}.shell{min-height:100vh}.top{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#101820;color:#fff}.page{max-width:760px;margin:0 auto;padding:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:16px}.center{text-align:center;display:grid;gap:12px;justify-items:center}h1{font-size:20px;margin:0}h2{font-size:16px;margin:0 0 12px}.muted{color:var(--muted);margin:0}.small{font-size:13px}.err{color:var(--err)}button,.file{background:var(--primary);color:#fff;border:0;border-radius:8px;padding:10px 16px;font:inherit;cursor:pointer}@media (prefers-color-scheme: dark){button,.file{color:#101820}}button:disabled{opacity:.5;cursor:default}.ghost{background:transparent;color:inherit;border:1px solid currentColor}input,select{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font:inherit;background:var(--card);color:var(--ink)}.grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.list li{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:10px;flex-wrap:wrap}.qr{width:200px;height:200px;background:#fff;border-radius:8px;padding:8px}code{direction:ltr;unicode-bidi:embed}