:root{--ink:#19113b;--green:#80cc20;--blue:#16acda;--line:#e0e6ed;--paper:#f7f9fc}
header{background:#fff;border-radius:0 0 24px 24px;gap:20px;padding-block:12px}
.brand{display:flex;align-items:center;flex-shrink:0}.brand img{width:112px;height:100px;object-fit:contain;display:block}
.header-links{display:flex;align-items:center;gap:20px;font-weight:600;font-size:15px}
button,.download{color:var(--ink);font-weight:600}a:hover{color:#087ca2;text-decoration:underline;text-decoration-color:var(--blue);text-underline-offset:6px}
button:hover,.download:hover{background:var(--blue);color:var(--ink)}.tag{background:#eff9e2;border-color:#cce8aa}.secondary{background:#edf2f8}.muted,footer{color:#586378}.drop{background:#f2faff;border-color:#87cde3}.status{background:#edf7e3}
h1{letter-spacing:-1px}.panel{box-shadow:0 16px 50px #19113b08}input,select{border-color:#c8d1de}
.password-field{position:relative;display:block}.password-field input{padding-right:54px}.password-toggle{position:absolute;right:5px;top:5px;width:42px;height:42px;padding:8px;display:grid;place-items:center;background:transparent;color:var(--ink)}.password-toggle[aria-pressed=true]{background:#dff3fa}
.fit-help{font-size:13px;background:#eef7fc;padding:12px;border-radius:12px;margin-block:8px}.fit-example{width:90px;height:70px;border:2px dashed #16acda;margin:10px auto;display:grid;place-items:center;overflow:hidden;background:white}.fit-example span{display:block;width:80px;height:40px;background:linear-gradient(140deg,#80cc20 50%,#16acda 50%);border-radius:4px}.fit-example[data-fit=inside]{height:44px}.fit-example[data-fit=cover] span{width:140px;height:70px;max-width:none}
@media(max-width:600px){.brand img{width:88px;height:80px}.header-links{gap:12px;font-size:13px}header{gap:10px}.header-links button{padding:8px}.landing h1{font-size:42px}}
:root .google-login{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;box-sizing:border-box;border:1px solid #747775;border-radius:8px;padding:12px;text-align:center;background:#fff;color:#1f1f1f;font-family:Arial,sans-serif;font-size:14px;line-height:20px;font-weight:500;text-decoration:none;margin:14px 0;transition:background-color .15s,border-color .15s}
:root .google-login img{display:block;width:20px;height:20px;flex:0 0 20px;object-fit:contain;background:#fff}
:root .google-login:hover,:root .google-login:focus-visible{background:#eaf8fd;border-color:#16acda;outline-offset:3px}
@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/tajawal-400.woff2') format('woff2')}
@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/tajawal-700.woff2') format('woff2')}
body,button,input,select,textarea{font-family:Tajawal,Arial,sans-serif}
.usage-panel{padding:16px 20px;border:1px solid #b8dceb;background:#f0faff;border-radius:14px;margin:18px 0;font-size:15px}
.account-page{max-width:900px}.account-page h1{font-size:clamp(28px,4vw,48px)}.header-links{flex-wrap:wrap}
.menu-toggle{display:none}.usage-panel strong{display:block;font-size:19px;line-height:1.5}.usage-panel small{display:block;font-size:13px;line-height:1.7;margin-top:5px;color:#46556b}#accountEmail{overflow-wrap:anywhere}
@media(max-width:760px){
 header.has-menu{position:relative;flex-wrap:wrap;gap:0;padding:8px 18px;border-radius:0 0 18px 18px}
 .has-menu .brand img{width:86px;height:72px}
 .menu-toggle{display:flex;align-items:center;gap:8px;min-width:44px;min-height:44px;padding:8px 12px;background:#edf7fc;border:1px solid #c4e4ef;font-size:14px}
 .has-menu .header-links{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:4px;padding:10px 0 4px;border-top:1px solid var(--line)}
 .has-menu .header-links.is-open{display:flex}.has-menu .header-links a,.has-menu .header-links button{padding:10px 12px;min-height:44px;text-align:right;border-radius:8px;font-size:15px}
 .has-menu .header-links a:hover{background:#eaf8fd}.has-menu .header-links [aria-current=page]{background:#eff9e2}
 main{margin:22px auto;padding:0 16px}main h1,.landing h1,.account-page h1{font-size:30px;line-height:1.4;letter-spacing:0;margin:14px 0}main>p{font-size:16px;margin:12px 0}
 .tag{font-size:12px;padding:3px 12px}.panel{padding:18px;border-radius:16px}.panel h2{font-size:23px;margin-bottom:16px}.usage-panel{padding:13px 15px;margin:16px 0}.usage-panel strong{font-size:18px}
 .account-page .panel p{margin:12px 0}.account-page .actions>*{text-align:center;flex:1 1 180px}.workspace{gap:18px;min-width:0}.workspace>*{min-width:0}.drop{padding:18px 12px}.drop input{max-width:100%;padding:8px;font-size:13px}
}

.saved-results{margin-top:28px;scroll-margin-top:20px}.results-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.results-heading h2{margin:0}.results-heading span{color:#586378;font-size:14px}.result-preview img{display:block;width:100%;height:200px;object-fit:contain;background:repeating-conic-gradient(#eee 0% 25%,white 0% 50%) 0/16px 16px;border-radius:10px}.card .actions{align-items:center}.card .muted{overflow-wrap:anywhere}@media(max-width:760px){.results-heading h2{font-size:23px}.result-preview img{height:160px}.card .actions>*{flex:1 1 auto;text-align:center}}

/* Original ASBAB TOOLS logo on public entry and authentication pages. */
.brand.tools-brand img{width:120px;height:auto;max-width:100%;object-fit:contain}
@media(max-width:760px){.brand.tools-brand img{width:100px;height:auto}}