:root{--ds-bg:#f7f8fa;--ds-panel:#fff;--ds-soft:#edf1f6;--ds-ink:#162335;--ds-muted:#526173;--ds-line:#dce3eb;--ds-accent:#2448c5;--ds-accent-soft:#e9eefc;--ds-shadow:0 12px 32px #172b4610}.dark{--ds-bg:#0c1421;--ds-panel:#131e2e;--ds-soft:#1c2a3d;--ds-ink:#ecf1f8;--ds-muted:#a9b7cb;--ds-line:#2d3b50;--ds-accent:#a5bbff;--ds-accent-soft:#21335a;--ds-shadow:0 12px 32px #0002}html.dark body,html.light body,html:not(.dark) body{background:var(--ds-bg);color:var(--ds-ink);font-family:var(--font-sans)}html[lang=ar] body{font-family:var(--font-arabic)}body{line-height:1.6}.site-frame{max-width:1248px;margin-inline:auto;padding:2rem 2rem 0}#main-content h1{text-wrap:balance;letter-spacing:-.035em;line-height:1.2}#main-content h2,#main-content h3{text-wrap:pretty}html[lang=ar] #main-content h1,html[lang=ar] .design-eyebrow{letter-spacing:0;line-height:1.5}button,input,select,textarea{font-family:inherit}a,button,input,select,summary,textarea{-webkit-tap-highlight-color:transparent}:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--ds-accent);outline-offset:4px}.site-header{box-shadow:none}.site-header a,.site-header button{border-radius:10px}.site-header nav a{font-size:.875rem}.site-header a[href="https://x.com/devomnitools"],.site-header nav>a[href$="/changelog/"],.site-header nav>a[href$="/faq/"]{display:none}.design-eyebrow{display:flex;align-items:center;gap:.65rem;color:var(--ds-muted);font-size:.75rem;font-weight:650;letter-spacing:.11em}.design-mark{width:10px;height:10px;background:var(--ds-accent);border-radius:3px;transform:rotate(-12deg);flex-shrink:0}.home-page{padding-block:0}.home-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:4rem;padding-block:3.5rem 4rem;align-items:center}.home-demo,.home-hero-copy{min-width:0}.home-hero h1{font-size:clamp(2.6rem,4.6vw,4.5rem);font-weight:780;margin-block:1.2rem}.home-hero h1 span{color:var(--ds-accent)}.home-hero-intro{max-width:49ch;font-size:1.0625rem;line-height:1.8;color:var(--ds-muted)}.home-search{display:flex;align-items:center;gap:.8rem;margin-block:1.7rem 1rem;border:1px solid var(--ds-line);background:var(--ds-panel);border-radius:12px;padding:.8rem 1rem;color:var(--ds-muted);box-shadow:0 3px 8px #172b4605}.home-search:focus-within{border-color:var(--ds-accent);box-shadow:0 0 0 3px var(--ds-accent-soft)}.home-search input{min-width:0;flex:1;background:0 0;color:var(--ds-ink);border:0;font-size:.9375rem;outline:0;min-height:28px}.home-search input::placeholder{color:var(--ds-muted);opacity:1}.home-search button{min-width:44px;min-height:44px;cursor:pointer;font-size:1.5rem}.home-hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.design-primary,.design-secondary{display:inline-flex;min-height:48px;padding:.7rem 1.15rem;gap:.9rem;align-items:center;justify-content:center;border-radius:10px;font-weight:650;font-size:.9375rem;line-height:1.5}a.design-primary{background:#2448c5;color:#fff;border:1px solid #2448c5}a.design-primary:hover{background:#1b399f}a.design-secondary{color:var(--ds-ink);border:1px solid var(--ds-line)}a.design-secondary:hover{background:var(--ds-soft)}[dir=rtl] .design-arrow{transform:scaleX(-1)}.home-trust{display:flex;flex-wrap:wrap;gap:.65rem 1.2rem;margin-block-start:1.4rem;color:var(--ds-muted);font-size:.8125rem}.home-trust li{display:flex;align-items:center;gap:.4rem}.home-trust li:before{content:"✓";color:var(--ds-accent);font-weight:700}.home-demo{border:1px solid var(--ds-line);border-radius:18px;background:var(--ds-panel);overflow:clip;box-shadow:var(--ds-shadow);transform:rotate(1deg)}[dir=rtl] .home-demo{transform:rotate(-1deg)}.home-demo figcaption{display:flex;align-items:center;gap:.8rem;padding:1.25rem;border-bottom:1px solid var(--ds-line)}.home-demo figcaption strong{display:block;font-size:.9375rem;font-weight:650}.home-demo figcaption div>span{color:var(--ds-muted);font-size:.75rem}.design-demo-icon{display:grid;place-items:center;width:40px;height:40px;background:var(--ds-accent-soft);color:var(--ds-accent);border-radius:10px;font-family:var(--font-mono)}.home-demo-dots{margin-inline-start:auto;color:var(--ds-muted);letter-spacing:3px}.home-demo-input,.home-demo-output{padding:1.1rem 1.4rem}.home-demo-input{border-bottom:1px solid var(--ds-line)}.home-demo-input>span,.home-demo-output>span{display:block;color:var(--ds-muted);font-size:.75rem;font-weight:600;margin-block-end:.65rem}.home-demo code{font-family:var(--font-mono);font-size:.875rem;line-height:1.9;word-break:normal}.home-demo-input code{display:block;overflow-x:auto;white-space:nowrap;color:var(--ds-muted)}.home-demo-output pre{direction:ltr;text-align:left;overflow-x:auto}.demo-key{color:var(--ds-accent)}.demo-string{color:#087a60}.demo-value{color:#8c35a0}.dark .demo-string{color:#8bdbc2}.dark .demo-value{color:#d5acf0}.home-demo>a{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.4rem;background:var(--ds-soft);color:var(--ds-accent);font-size:.875rem;font-weight:650;border-top:1px solid var(--ds-line)}.home-page>#tools-section{scroll-margin-top:6rem}.home-page h2{font-size:1.5rem;line-height:1.5}.home-page #tools-heading{flex-wrap:wrap}.home-page #homepage-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.home-page .homepage-tool-card{border-color:var(--ds-line);background:var(--ds-panel);border-radius:14px;box-shadow:none;padding:1.4rem;min-height:178px}.home-page .homepage-tool-card:hover{border-color:var(--ds-accent);box-shadow:var(--ds-shadow);transform:translateY(-2px)}.home-page .homepage-tool-card h3{font-size:1.0625rem;line-height:1.5;color:var(--ds-ink)}.home-page .homepage-tool-card p{font-size:.875rem;color:var(--ds-muted);line-height:1.65}.home-page .homepage-tool-card .tool-tag{font-size:.75rem;padding:0;background:0 0;border:0;color:var(--ds-muted);letter-spacing:.05em}.home-page .homepage-tool-card .tool-badge{display:none}.home-page .homepage-tool-card .tool-card-action{border:0;padding-block-start:0;margin-block-start:1rem;color:var(--ds-accent)}.home-page .homepage-tool-card .tool-card-note{display:none}.home-page .home-categories a{background:0 0;border-color:var(--ds-line);box-shadow:none;border-radius:12px}.home-page .home-categories p{font-size:.875rem}.home-learning{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2rem;padding:2rem;background:var(--ds-panel);border:1px solid var(--ds-line);border-radius:16px}.home-learning p{color:var(--ds-muted);max-width:64ch;margin-block:.5rem 1rem}.home-seo-more{border-block-start:1px solid var(--ds-line);padding-block:1rem}.home-seo-more>summary{cursor:pointer;font-weight:650;color:var(--ds-ink);min-height:44px;display:list-item;padding-block:.6rem}.privacy-disclosure{border-block-start:1px solid var(--ds-line);padding-block:1.25rem;margin-block-start:3rem;color:var(--ds-muted);font-size:.875rem}.privacy-disclosure strong{color:var(--ds-ink);font-size:.8125rem}.privacy-disclosure p{max-width:100ch;line-height:1.75;margin-block-start:.4rem}[data-page=tool] #main-content>div>nav{flex-wrap:wrap;line-height:1.8}[data-page=tool] #main-content h1{font-size:clamp(1.8rem,3vw,2.4rem)}[data-page=tool] #main-content :where(textarea){font-size:.875rem;line-height:1.8;min-height:160px}[data-page=tool] #main-content :where(button,select,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color])){min-height:44px}[data-page=tool] #main-content :where(button,select){white-space:normal;overflow-wrap:anywhere}[data-page=tool] #main-content .tool-workspace{border-block-start:1px solid var(--ds-line);padding-block-start:1.5rem}[data-page=tool] #main-content .tool-support{font-size:.9375rem;line-height:1.8}.tool-support>section{max-width:960px}.tool-workspace .text-\[10px\],.tool-workspace .text-\[11px\],.tool-workspace .text-\[9px\]{font-size:.75rem}.workspace-privacy-link{text-decoration:underline;text-underline-offset:3px}#pwa-toast{background:var(--ds-panel);border:1px solid var(--ds-line);box-shadow:var(--ds-shadow);color:var(--ds-ink)}#pwa-toast-message{color:var(--ds-ink);white-space:normal;overflow:visible;font-size:.875rem}#pwa-toast-action{background:#2448c5;color:#fff;min-height:44px}html:not(.dark) .text-purple-300{color:#7e22ce}html:not(.dark) .text-cyan-300,html:not(.dark) .text-cyan-400{color:#0e647b}html:not(.dark) .text-teal-300,html:not(.dark) .text-teal-400{color:#0f766e}html:not(.dark) .text-rose-300{color:#be123c}html:not(.dark) .text-emerald-300{color:#047857}.dark #main-content .text-slate-600{color:var(--ds-muted)}.tool-page-heading{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.tool-reference-fold{border-top:1px solid var(--ds-line);padding-block:1rem}.tool-reference-fold>summary{cursor:pointer;min-height:44px;padding-block:.5rem;font-weight:650;font-size:.9375rem}.tool-help-fold{border-block-start:1px solid var(--ds-line);margin-block-start:2rem;padding-block:1rem}.tool-help-fold>summary{font-weight:650;cursor:pointer;min-height:44px;padding-block:.5rem}.site-footer{margin-block-start:4rem;border-block-start:1px solid var(--ds-line);background:var(--ds-panel);color:var(--ds-muted);padding:3rem 2rem 2rem;font-size:.875rem}.footer-inner{max-width:1184px;margin-inline:auto}.footer-main{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:3rem}.footer-brand p{max-width:35ch;margin-block:1rem;line-height:1.8}.site-footer h2{color:var(--ds-ink);font-size:.875rem;font-weight:650;margin-block-end:.8rem}.site-footer a:hover{color:var(--ds-accent);text-decoration:underline;text-underline-offset:4px}.footer-links{display:flex;flex-wrap:wrap;gap:.25rem 1rem}.footer-links li{flex:1 1 45%}.footer-links a{display:inline-flex;align-items:center;min-height:44px;line-height:1.5}.footer-directory{border-block-start:1px solid var(--ds-line);margin-block-start:2rem;padding-block:1rem}.footer-directory summary{cursor:pointer;min-height:44px;font-weight:600;padding-block:.5rem}.footer-directory ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem 1.5rem;padding-block:1rem}.footer-directory a{display:inline-flex;min-height:44px;align-items:center}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;border-block-start:1px solid var(--ds-line);padding-block-start:1rem;font-size:.8125rem}.footer-languages{display:flex;flex-wrap:wrap;gap:1rem}.footer-languages a{min-height:44px;display:inline-flex;align-items:center}@media(max-width:1050px){.home-hero{gap:2rem}.home-page #homepage-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-main{gap:2rem}}@media(max-width:760px){.site-frame{padding:1.5rem 1rem 0}.home-hero{grid-template-columns:minmax(0,1fr);padding-block:1.5rem 2.5rem;gap:2rem}.home-demo{transform:none;max-width:580px}.home-hero h1{font-size:clamp(2.5rem,9vw,3.75rem)}.home-learning{grid-template-columns:minmax(0,1fr);gap:.5rem;padding:1.5rem}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-directory ul{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer{padding:2rem 1rem}}@media(max-width:480px){.home-page #homepage-tools-grid{grid-template-columns:1fr}.home-hero-actions>*{flex:1 1 180px}.home-demo code{font-size:.8125rem}.footer-main{grid-template-columns:1fr}.footer-links li{flex-basis:45%}.footer-directory ul{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.home-page .homepage-tool-card:hover{transform:none}}