:root{--page:var(--tg-theme-secondary-bg-color,#f3f4f9);--surface:var(--tg-theme-bg-color,#ffffff);--fg:var(--tg-theme-text-color,#1b1f2a);--hint:var(--tg-theme-hint-color,#5b6472);--brand:#4f46e5;--on-brand:#ffffff;--brand-soft:#e9e8fd;--chip:#e7e9f2;--line:#d9dce8;--danger:#b3261e;--danger-soft:#fdecea;--ok:#1b7f4b;--shadow:0 1px 2px rgba(20,24,40,.06),0 6px 18px rgba(20,24,40,.07);--radius:16px;--radius-sm:11px;--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--sa-top:0px;--sa-bottom:0px;--sa-left:0px;--sa-right:0px;--hue:#4f46e5}:root[data-theme=dark]{--page:var(--tg-theme-secondary-bg-color,#0e1016);--surface:var(--tg-theme-bg-color,#181b23);--fg:var(--tg-theme-text-color,#eef0f6);--hint:var(--tg-theme-hint-color,#a3abbb);--brand:#9aa2ff;--on-brand:#0b0f1a;--brand-soft:#262a4a;--chip:#232733;--line:#2e3340;--danger:#ffb4ab;--danger-soft:#3a1a1a;--ok:#7fdca4;--shadow:0 0 0 1px rgba(255,255,255,.04),0 8px 22px rgba(0,0,0,.35)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--page:#0e1016;--surface:#181b23;--fg:#eef0f6;--hint:#a3abbb;--brand:#9aa2ff;--on-brand:#0b0f1a;--brand-soft:#262a4a;--chip:#232733;--line:#2e3340;--danger:#ffb4ab;--danger-soft:#3a1a1a;--ok:#7fdca4;--shadow:0 0 0 1px rgba(255,255,255,.04),0 8px 22px rgba(0,0,0,.35)}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--page);color:var(--fg);font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Noto Sans Arabic,sans-serif}main{max-width:760px;margin:0 auto;padding:calc(var(--s4) + var(--sa-top)) calc(var(--s4) + var(--sa-right)) calc(var(--s6) + var(--sa-bottom)) calc(var(--s4) + var(--sa-left))}h1{font-size:1.6rem;line-height:1.2;margin:0 0 var(--s2);letter-spacing:-.01em}h2{font-size:1rem;font-weight:500;color:var(--hint);margin:0 0 var(--s4)}h3{font-size:1rem;margin:var(--s4) 0 var(--s2)}p{margin:var(--s2) 0}a{color:var(--brand)}section>p:first-of-type{color:var(--hint)}:focus-visible{outline:3px solid var(--brand);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.hero{margin-block-end:var(--s5)}.hero h1{font-size:2rem}.tagline{color:var(--hint);margin:0 0 var(--s3)}.chip{display:inline-flex;align-items:center;gap:var(--s2);padding:var(--s1) var(--s3);border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:.85rem;font-weight:600}.lang{display:block;margin-block:var(--s3)}.grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:var(--s3)}.grid li{margin:0}.card{--tile:var(--brand-soft);position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--s3);min-height:76px;padding:var(--s3) var(--s4);border-radius:var(--radius);background:var(--surface);color:var(--fg);text-decoration:none;box-shadow:var(--shadow);border:1px solid transparent;transition:transform .15s ease,border-color .15s ease}.card:hover{border-color:var(--hue);transform:translateY(-2px)}.card:active{transform:scale(.985)}.tile{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;font-size:1.7rem;background:var(--tile);background:color-mix(in srgb,var(--hue) 18%,var(--surface))}.card-title{display:block;font-weight:650;font-size:1.02rem}.card-desc{display:block;color:var(--hint);font-size:.88rem;line-height:1.35;margin-block-start:2px}.chev{color:var(--hint);font-size:1.3rem}[dir=rtl] .chev{transform:scaleX(-1)}.foot{color:var(--hint);font-size:.85rem;text-align:center;margin-block-start:var(--s5)}.back{display:inline-flex;align-items:center;gap:var(--s2);margin-block-end:var(--s3);color:var(--brand);text-decoration:none;font-weight:600;min-height:44px}.tool>section>h1{padding-inline-start:var(--s3);border-inline-start:6px solid var(--hue);border-radius:3px}section>input[type=file],.drop{background:var(--surface);border:2px dashed var(--line);border-radius:var(--radius);padding:var(--s4)}button{font:inherit;font-weight:600;min-height:44px;padding:var(--s2) var(--s4);margin:var(--s1) var(--s2) var(--s1) 0;margin-inline-end:var(--s2);border:0;border-radius:var(--radius-sm);background:var(--brand);color:var(--on-brand);cursor:pointer;transition:filter .15s ease,transform .1s ease}button:hover:not(:disabled){filter:brightness(1.08)}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.45;cursor:not-allowed}button[aria-pressed=true]{outline:3px solid var(--fg);outline-offset:-3px}[role=tablist],[role=toolbar]{display:flex;flex-wrap:nowrap;gap:var(--s1);overflow-x:auto;padding:var(--s1);margin-block:var(--s3);background:var(--chip);border-radius:14px;scrollbar-width:none}[role=tablist]::-webkit-scrollbar,[role=toolbar]::-webkit-scrollbar{display:none}[role=tablist] button,[role=toolbar] button{flex:none;margin:0;background:transparent;color:var(--fg);font-weight:600;border-radius:10px}[role=tab][aria-selected=true],[role=toolbar] button[aria-pressed=true]{background:var(--surface);color:var(--brand);box-shadow:var(--shadow);outline:0}input,select,textarea{font:inherit;color:var(--fg);background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:var(--s2) var(--s3);min-height:44px;max-width:100%}input:focus,select:focus,textarea:focus{border-color:var(--brand);outline:3px solid var(--brand-soft);outline-offset:0}input[type=checkbox],input[type=radio]{min-height:0;width:1.3rem;height:1.3rem;vertical-align:middle;accent-color:var(--brand);margin-inline-end:var(--s2)}input[type=range]{padding:0;width:100%;min-height:32px;accent-color:var(--brand);border:0}input[type=color]{padding:3px;width:56px;cursor:pointer}input[type=file]{width:100%}input::file-selector-button{font:inherit;font-weight:600;margin-inline-end:var(--s3);padding:var(--s2) var(--s3);border:0;border-radius:8px;background:var(--brand);color:var(--on-brand);cursor:pointer}label{display:block;margin-block:var(--s3);font-weight:500}label>input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),label>select,label>textarea{display:block;width:100%;margin-block-start:var(--s1);font-weight:400}textarea{min-height:6rem;resize:vertical}fieldset{border:1px solid var(--line);border-radius:var(--radius);margin-block:var(--s4);padding:var(--s2) var(--s4) var(--s3);background:var(--surface);box-shadow:var(--shadow)}legend{padding-inline:var(--s2);font-weight:700;color:var(--brand)}fieldset:disabled{opacity:.6}ul,ol{padding-inline-start:1.4rem}li{margin-block:var(--s2)}.grid{padding-inline-start:0}[role=alert]{background:var(--danger-soft);color:var(--danger);border-inline-start:4px solid var(--danger);border-radius:var(--radius-sm);padding:var(--s2) var(--s3)}[role=status]{color:var(--hint)}[role=note]{background:var(--brand-soft);border-radius:var(--radius-sm);padding:var(--s2) var(--s3)}[role=alertdialog]{border:2px solid var(--brand);border-radius:var(--radius);padding:var(--s3) var(--s4);margin-block:var(--s3);background:var(--surface);box-shadow:var(--shadow)}.notice{position:sticky;bottom:calc(var(--s2) + var(--sa-bottom));background:var(--surface);border:2px solid var(--brand);border-radius:var(--radius);padding:var(--s3) var(--s4);margin-block-start:var(--s4);box-shadow:var(--shadow);color:var(--fg)}.notice img{max-width:100%;max-height:50vh;border-radius:var(--radius-sm)}progress{width:100%;height:.9rem;accent-color:var(--brand)}table{border-collapse:collapse;width:100%}th,td{border-block-end:1px solid var(--line);padding:var(--s2) var(--s3);text-align:start}pre{background:var(--chip);border-radius:var(--radius-sm);padding:var(--s3);overflow-x:auto}code{background:var(--chip);border-radius:6px;padding:1px 6px}details{margin-block:var(--s4);background:var(--surface);border-radius:var(--radius);padding:0 var(--s4);box-shadow:var(--shadow)}summary{cursor:pointer;min-height:44px;line-height:44px;font-weight:650}img,canvas,svg{max-width:100%}canvas,.tool img{border-radius:var(--radius-sm)}