@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kantumruy+Pro:wght@400;600;700&display=swap');
:root{color-scheme:light;--ink:#172942;--muted:#50647d;--blue:#244bdb;--line:#dee6f3}
*{box-sizing:border-box}body{margin:0;background:#f8faff;color:var(--ink);font:16px/1.65 "Kantumruy Pro",Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}header,footer{display:flex;align-items:center;gap:26px;padding:16px max(5vw,20px);background:white;border-bottom:1px solid var(--line)}.brand{margin-inline-end:auto;font-size:23px;font-weight:700;display:flex;align-items:center;gap:8px}.brand b{background:var(--blue);color:white;padding:0 10px;border-radius:10px}.brand span{font-size:12px;color:var(--blue)}.hero{text-align:center;padding:48px 20px 42px;background:radial-gradient(ellipse at top,#dce9ff,#f3f6ff 70%);border-bottom:1px solid var(--line)}h1{font-size:clamp(34px,6vw,64px);line-height:1.2;margin:16px 0 8px}.hero p{color:var(--muted);margin:0 0 24px}.illustration{width:74px;height:68px;margin:auto;position:relative;display:grid;place-items:center}.illustration i,.illustration strong{position:absolute;width:48px;height:60px;border-radius:8px;background:#b7cbff;transform:rotate(-20deg)}.illustration i+i{transform:rotate(19deg);background:#d0bdff}.illustration strong{display:grid;place-items:center;transform:none;color:#fff;background:var(--blue);font-size:16px;box-shadow:0 8px 16px #294ed747}.search{display:flex;align-items:center;gap:12px;margin:auto;max-width:470px;text-align:right;padding:8px 16px;border:1px solid var(--line);border-radius:13px;background:white;color:var(--blue);font-size:24px}.search input{width:100%;border:0;background:transparent;padding:6px;font-size:16px;color:var(--ink)}.catalog,.privacy{width:min(1120px,90%);margin:30px auto 50px}#grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px}.card{background:white;border:1px solid var(--line);border-radius:14px;padding:18px;text-align:right;color:var(--ink);display:grid;gap:5px}.card:hover,.card:focus-visible{border-color:var(--blue);box-shadow:0 6px 22px #244bdb19}.icon{display:grid;place-items:center;background:var(--tint);color:var(--shade);border-radius:10px;width:42px;height:42px;font-size:23px;margin-bottom:5px}.card strong{font-size:18px}.card small,.privacy p{color:var(--muted)}.privacy{border-top:1px solid var(--line);padding-top:10px}footer{border-top:1px solid var(--line);justify-content:space-between}dialog{width:min(520px,94vw);border:1px solid var(--line);border-radius:18px;color:var(--ink);padding:26px}dialog::backdrop{background:#112344a0}.close{float:left;border:0;background:#edf2ff;border-radius:8px;padding:2px 12px}.upload{display:grid;gap:10px;padding:18px;background:#f1f5ff;border:1px dashed #8aa4ef;border-radius:10px}input[type=file]{width:100%}#param{display:block;width:100%;padding:8px;border:1px solid var(--line);border-radius:7px}.primary,#results a{display:inline-block;padding:8px 16px;background:var(--blue);color:white;border:0;border-radius:8px;margin:12px 0 0 8px}.primary:disabled{opacity:.5}#results a{background:#166647}#file-list{max-height:160px;overflow:auto;overflow-wrap:anywhere}

body{background:#f5f5f5}
.catalog{width:min(1258px,94%);margin:38px auto 54px}
.catalog h2{text-align:center;font-size:17px;font-weight:600;margin:0 0 14px}
#other-title{margin-top:32px}
#grid,.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:10px}
#other-grid{width:min(100%,1110px);margin:auto}
.card{align-content:center;justify-items:center;text-align:center;min-height:146px;border:1px solid transparent;border-radius:11px;box-shadow:0 1px 14px #17294212;padding:13px 8px}
.card .icon{width:48px;height:48px;font-size:32px;margin-bottom:4px}
.card strong{font-size:16px;font-weight:600}
.card small{display:none}
.overview{width:min(1120px,90%);margin:0 auto 34px;text-align:center;border-block:1px solid var(--line);padding:24px 0 32px}
.overview>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:16px}
.overview strong{font-size:clamp(26px,4vw,42px);color:var(--blue);display:block}
.overview p{margin:4px 0;color:var(--muted)}
@media(max-width:420px){#grid,.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{min-height:120px}}

.card .icon{width:52px;height:52px;background:white;margin-bottom:2px}
#grid,.tool-grid{grid-template-columns:repeat(7,minmax(0,1fr))}
.catalog [hidden]{display:none!important}
.crumb{width:min(1120px,94%);margin:20px auto;color:#526380}
.workspace{width:min(900px,94%);margin:35px auto 76px;text-align:center}
.workspace h1{font-size:clamp(30px,4vw,46px)}
.workspace #description{margin:12px auto 24px;color:var(--muted)}
.drop{max-width:520px;margin:0 auto;padding:12px;position:relative}
.drop .upload{display:inline-block;background:#e75b40;color:white;font-weight:700;border:0;padding:14px 42px;border-radius:7px;cursor:pointer}
.drop:focus-within .upload{outline:3px solid #244bdb;outline-offset:4px}
.drop input{position:absolute;width:1px;height:1px;opacity:0}
.drop p{margin:8px 0;color:var(--muted);font-size:14px}
.workspace #file-list,.workspace #param-label{max-width:440px;margin:12px auto;text-align:start}
.workspace #param-label:not([hidden]){display:block}
.workspace #results{overflow-wrap:anywhere}
@media(max-width:950px){#grid,.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:560px){#grid,.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{margin-top:22px}}
.workspace iframe{display:block;width:100%;height:65vh;border:1px solid var(--line);margin:12px auto;border-radius:8px}
.card{text-align:center}.close{float:inline-end}@media(max-width:560px){header{gap:10px;flex-wrap:wrap}}
.brand img{display:block;width:auto;height:40px}.brand{flex-shrink:0}
.candy-ad{width:min(100%,1100px);margin:45px auto;padding-inline:12px;overflow:hidden}.catalog .candy-ad,.privacy .candy-ad{padding-inline:0;margin-block:30px}

html[lang=ar] body{font-family:Cairo,Arial,sans-serif}