@font-face{font-family:Noto Sans;src:url(/fonts/noto-sans-latin-400.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-024F,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+00D7}@font-face{font-family:Noto Sans;src:url(/fonts/noto-sans-latin-600.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0000-024F,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+00D7}@font-face{font-family:Noto Sans Arabic;src:url(/fonts/noto-sans-arabic-400.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:Noto Sans Arabic;src:url(/fonts/noto-sans-arabic-600.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF}:root{--surface:#fff;--surface-2:#f5f6f7;--neutral:#e7e9eb;--line:#e3e5e8;--line-strong:#b6bbc2;--text:#1b2026;--muted:#59616b;--accent:#0b5c7a;--accent-strong:#084559;--on-accent:#fff;--focus:#0b5c7a;--pass:#17693b;--warn:#8a5a00;--fail:#b3261e;--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s6:48px;--s8:64px;--r-sm:8px;--r-md:12px;--font:"Noto Sans","Noto Sans Arabic",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--surface:#14181c;--surface-2:#1c2228;--line:#2c343b;--line-strong:#4a545e;--text:#edeff1;--muted:#aab2bb;--accent:#6fc3e0;--accent-strong:#9ad6ea;--on-accent:#07222c;--focus:#6fc3e0;--pass:#6ccb93;--warn:#e7b650;--fail:#f2968f}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--surface);color:var(--text);font:400 16px/1.5 var(--font);-webkit-text-size-adjust:100%}button,input,select{font:inherit;color:inherit}h2,h3,p{margin:0}h2{font-size:1.25rem;line-height:1.3;font-weight:600;outline:none}h3{font-size:1rem;font-weight:600}img{max-width:100%;display:block}.icon{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tool{max-width:1040px;margin:0 auto}.steps{display:flex;list-style:none;margin:0;padding:12px var(--s2);gap:var(--s1);border-block-end:1px solid var(--line);font-size:.8125rem;color:var(--muted);overflow:hidden}.steps li{display:flex;align-items:center;gap:6px;flex:1;min-width:0;white-space:nowrap}.steps li span.n{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid var(--line-strong);font-weight:600;flex:none}.steps li.now{color:var(--text);font-weight:600}.steps li.now span.n{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.steps li.done span.n{border-color:var(--pass);color:var(--pass)}.panel{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s2)}.panel.center{align-items:center;text-align:center;justify-content:center;min-height:340px}.spec{font-weight:600;color:var(--accent-strong);border-block-end:1px solid var(--line);padding-block-end:var(--s1)}.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s2);padding:var(--s3) var(--s2);border:1.5px dashed var(--line-strong);border-radius:var(--r-md);background:var(--surface-2);text-align:center;transition:border-color .15s,background .15s}.drop.over{border-color:var(--accent);background:var(--surface)}.drop .lead{color:var(--muted)}.drop>.icon{color:var(--accent)}.privacy{display:flex;gap:6px;align-items:center;justify-content:center;font-size:.875rem;color:var(--muted)}.actions{display:flex;gap:var(--s1);flex-wrap:wrap;width:100%}.actions .btn{flex:1 1 150px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s1);min-height:48px;padding:6px var(--s2);border-radius:var(--r-md);border:1px solid transparent;font-weight:600;cursor:pointer;text-align:center;line-height:1.2}.btn.primary{background:var(--accent);color:var(--on-accent)}.btn.primary:hover{background:var(--accent-strong)}.btn.secondary,.btn.icononly{background:var(--surface);border-color:var(--line-strong);color:var(--text)}.btn.secondary:hover,.btn.icononly:hover{background:var(--surface-2)}.btn.icononly{flex:0 0 48px!important;width:48px;padding:0}.btn:disabled{opacity:.55;cursor:default}.btn:focus-visible,.photo:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.listcol:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.field{display:flex;flex-direction:column;gap:4px;font-size:.875rem;color:var(--muted)}.field input,.field select{min-height:48px;border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:0 12px;background:var(--surface);color:var(--text);font-size:1rem}.check{display:flex;gap:var(--s1);align-items:center;min-height:48px}.check input{width:20px;height:20px}.scanbox{position:relative;width:min(200px,56vw);overflow:hidden;border-radius:var(--r-sm);background:var(--neutral)}.scanbox img{width:100%;opacity:.85}.scanline{position:absolute;inset-inline:0;top:0;height:2px;background:var(--accent);animation:scan 1.8s linear infinite alternate}@keyframes scan{to{top:calc(100% - 2px)}}@media(prefers-reduced-motion:reduce){.scanline{animation:none;display:none}.drop{transition:none}}.stages{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;text-align:start;color:var(--muted)}.stages li{display:flex;gap:var(--s1);align-items:center}.stages .now{color:var(--text);font-weight:600}.stages .done{color:var(--pass)}.verdictbar{display:flex;gap:12px;align-items:center;padding:12px var(--s2);border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-2)}.verdictbar h2{font-size:1.0625rem}.verdictbar p{font-size:.875rem;color:var(--muted)}.verdictbar.pass>.icon{color:var(--pass)}.verdictbar.warn>.icon{color:var(--warn)}.verdictbar.fail>.icon{color:var(--fail)}.compare{display:grid;grid-template-columns:2fr 3fr;gap:12px;align-items:end}.compare figure{margin:0}.compare figure>img{max-height:230px;width:100%;object-fit:cover;object-position:top;border-radius:var(--r-sm)}figcaption{font-size:.8125rem;color:var(--muted);margin-block-start:4px}.photo{position:relative;background:var(--neutral);overflow:hidden;width:100%;max-width:320px;touch-action:none;user-select:none;outline-offset:2px;box-shadow:0 0 0 1px var(--line-strong);margin-inline:auto}.photo img{width:100%;height:100%;object-fit:contain;pointer-events:none}.photo.small{max-width:170px;margin:0}.checks{list-style:none;margin:0;padding:0}.crow{display:flex;gap:10px;padding:10px 0;border-block-end:1px solid var(--line)}.crow p{font-size:.875rem;color:var(--muted)}.crow strong{font-weight:600}.crow.pass>.icon{color:var(--pass)}.crow.warn>.icon{color:var(--warn)}.crow.fail>.icon{color:var(--fail)}.passed summary{cursor:pointer;padding:12px 0;font-weight:600;color:var(--accent)}.guides{position:absolute;inset:0;pointer-events:none}.guide{position:absolute;inset-inline:0;border-block-start:1px solid var(--accent)}.guide.eye{border-block-start-style:dashed}.guide em{position:absolute;inset-inline-end:2px;top:1px;font:600 11px/1.3 var(--font);font-style:normal;color:#fff;background:#0b5c7a;padding:0 4px}.pad{display:grid;grid-template-columns:repeat(6,48px);gap:var(--s1)}.colors{border:0;padding:0;margin:var(--s2) 0 0;display:flex;gap:var(--s1);flex-wrap:wrap}.colors legend{padding:0;margin-block-end:var(--s1);font-weight:600}.swatch{display:flex;gap:6px;align-items:center;min-height:48px;padding:0 10px;border:1px solid var(--line-strong);border-radius:var(--r-sm);cursor:pointer}.swatch.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.chip{width:22px;height:22px;border:1px solid var(--line-strong)}.dl{display:flex;gap:var(--s2);align-items:flex-start;flex-wrap:wrap}.dlcards{flex:1 1 260px;display:flex;flex-direction:column;gap:var(--s2);min-width:0}.dlcard{display:flex;flex-direction:column;gap:var(--s1);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s2)}.dlcard p{color:var(--muted);font-size:.9375rem}.dlcard .row{display:flex;gap:var(--s1);flex-wrap:wrap}.dlcard .row .btn{flex:1 1 130px}.formats{border-block-start:1px solid var(--line);margin-block-start:var(--s1);padding-block-start:12px;display:flex;flex-direction:column;gap:var(--s1)}.formats h4{margin:0;font-size:.9375rem;font-weight:600}.formats .row{display:flex;gap:var(--s1)}.formats .row .btn{flex:1 1 0;min-width:0;padding-inline:var(--s1)}.formats p{font-size:.875rem}.warnline{display:flex;gap:6px;align-items:flex-start;color:var(--warn)!important;font-weight:600}.marks{margin-block-start:var(--s2);padding-block-start:12px;border-block-start:1px solid var(--line);display:flex;flex-direction:column;gap:var(--s1)}.marks h3{margin:0}.marks p{font-size:.875rem;color:var(--muted)}.markrow{display:flex;align-items:center;gap:var(--s1)}.markrow span{flex:1}.slider{display:grid;grid-template-columns:96px 1fr 32px;gap:var(--s1);align-items:center;min-height:44px}.slider input{width:100%;accent-color:var(--accent)}.slider output{text-align:end;font-variant-numeric:tabular-nums}.customform{display:grid;grid-template-columns:1fr 1fr;gap:var(--s1) var(--s2)}.customform .wide{grid-column:1/-1}.error{display:flex;gap:var(--s1);color:var(--fail);font-weight:600}.viewfinder{position:relative;background:#111;overflow:hidden;border-radius:var(--r-sm);aspect-ratio:3/4;max-height:66vh;margin-inline:auto;width:100%;max-width:480px}.viewfinder video{width:100%;height:100%;object-fit:cover;display:block}.viewfinder video.mirror{transform:scaleX(-1)}.viewfinder svg{position:absolute;inset:0;width:100%;height:100%}.hint{text-align:center;font-size:.875rem;color:var(--muted)}.shutter{flex:1 1 auto}@media(max-width:767px){.screen-result .panel,.screen-adjust .panel,.screen-camera .panel{padding-block-end:92px}.actions.bar{position:fixed;inset-inline:0;inset-block-end:0;background:var(--surface);border-block-start:1px solid var(--line);padding:var(--s1) var(--s2);z-index:5}.pad{grid-template-columns:repeat(6,1fr)}.pad .btn{width:auto;flex:auto!important}}@media(max-width:440px){.steps li:not(.now) .t{display:none}.steps li{flex:none}.steps li.now{flex:1}}@media(min-width:768px){.panel.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--s3);align-items:start}.actions.bar{grid-column:1/-1}.listcol{max-height:520px;overflow:auto}}
