/* vazirmatn-arabic-wght-normal */
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-display: optional;
  font-weight: 100 900;
  src: url(/assets/fonts/vazirmatn-arabic-wght-normal-5.3.0.woff2) format('woff2');
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1;
}

/* vazirmatn-latin-ext-wght-normal */
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-display: optional;
  font-weight: 100 900;
  src: url(/assets/fonts/vazirmatn-latin-ext-wght-normal-5.3.0.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* vazirmatn-latin-wght-normal */
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-display: optional;
  font-weight: 100 900;
  src: url(/assets/fonts/vazirmatn-latin-wght-normal-5.3.0.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* Persian edition keeps the original visual system and uses logical RTL behavior. */
html{direction:rtl}body{font-family:"Vazirmatn",Tahoma,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.95;letter-spacing:0}h1,h2,h3,p,button,input,select,textarea{letter-spacing:0!important}h1{line-height:1.55!important;font-weight:700}h2,h3{line-height:1.7!important}button,input,select,textarea{font:inherit}input[type=number],input[type=date],input[type=datetime-local],input[type=color],input[name=selection],input[data-range],input[name=prefix],pre,code,.css-points,.css-stage,.preview-stage,.comparison{direction:ltr;text-align:left}textarea{direction:rtl;text-align:right;unicode-bidi:plaintext}textarea#utility-output{unicode-bidi:plaintext}input[type=range]{direction:ltr}input[type=search]{direction:rtl}.header nav{gap:23px}.brand{font-size:22px;white-space:nowrap}.tools-dropdown{left:auto;right:0;text-align:right}.tool-card{text-align:right}.card-arrow{margin-left:0;margin-right:auto}.breadcrumb{direction:rtl}.search kbd{left:16px;right:auto}.search input{padding-right:24px;padding-left:52px}.settings-panel,.utility-input,.utility-result{text-align:right}.field-note,.settings-note,.local-note{line-height:1.9}.pdf-order{padding-right:22px;padding-left:0}.pdf-order li{gap:10px}.tool-icon{flex-shrink:0}.skip{left:auto;right:16px}.article{line-height:2.1}.article ol,.tool-help ol{padding-inline-start:24px}.css-code-section pre,.utility-table-wrap{direction:ltr}.utility-table-wrap table{direction:rtl}.utility-table-wrap td{unicode-bidi:plaintext}.calendar-days,.calendar-weekdays{direction:rtl}.calendar-toolbar{direction:rtl}.css-sidebar a{border-left:0}.file-info,.pdf-file-title strong,.result-text strong{unicode-bidi:plaintext}.preview-heading,.preview-dimensions{unicode-bidi:plaintext}.css-home-demo{direction:ltr}.fa-hero{grid-template-columns:1.3fr 1fr;gap:64px;padding-block:72px 64px}.fa-hero h1{font-size:clamp(32px,3.3vw,48px);margin:16px 0 22px;max-width:780px}.fa-hero em{font-style:normal;color:#365cf5}.fa-hero .hero-copy>p:not(.fa-eyebrow){font-size:17px;line-height:2.1;margin-bottom:26px}.fa-hero .hero-copy>.text-link{margin-inline-start:20px}.fa-eyebrow{font-size:12px!important;color:#526075;font-weight:700;margin:0}.fa-task-card{border:1px solid #dce3f2;border-radius:16px;background:#f6f8ff;padding:26px;box-shadow:0 14px 40px #23386d08}.fa-task-card>a{display:block;background:white;border:1px solid #e5e9f3;border-radius:9px;padding:16px 18px;margin-top:13px;transition:border-color .15s}.fa-task-card>a:hover{border-color:#365cf5}.fa-task-card b{display:block;font-size:15px}.fa-task-card a span{color:#657087;font-size:12px}.fa-private{margin-top:18px;font-size:12px;color:#3e6456}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 24px}.section-heading h2{font-size:26px;margin:8px 0 0}.fa-featured{padding-block:32px 58px;border-top:1px solid #e7eaf0}.fa-featured .utility-cards{grid-template-columns:repeat(3,1fr)}.fa-featured a.utility-card{display:flex;flex-direction:column;align-items:flex-start;padding:25px}.fa-tool-number{font-size:23px;color:#365cf5;font-weight:bold;background:#eef2ff;padding:3px 10px;border-radius:7px;min-width:48px;text-align:center}.fa-featured h3{font-size:17px;margin:16px 0 7px}.fa-featured p{font-size:13px;color:#657087;margin-bottom:16px}.fa-featured .text-link{margin-top:auto;font-size:12px}.fa-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-block:1px solid #e7eaf0;padding:32px 0;margin:48px 0}.fa-proof b{font-size:16px}.fa-proof p{font-size:13px;color:#657087}.tool-heading>div>p{max-width:800px}.tool-card .tool-copy strong{font-size:16px}.utility-page .css-title>h1,.pdf-page .css-title>h1{font-size:34px}.utility-editor textarea{min-height:160px}.utility-result textarea{min-height:240px}.css-sidebar{min-width:160px}.utility-card h2{font-size:18px}.utility-actions{flex-wrap:wrap}.tool-save-inline{margin-top:10px}
@media(max-width:1100px){.header nav{gap:15px}.header nav>.workflow-nav-link,.header nav>.css-nav-link{display:none}.fa-hero{gap:30px}.fa-hero h1{font-size:34px}.fa-featured .utility-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.header nav{gap:14px}.header nav>.utility-nav-link{display:none}.fa-hero{grid-template-columns:1fr;padding-block:36px;gap:28px}.fa-hero h1{font-size:31px}.fa-hero .hero-copy>p:not(.fa-eyebrow){font-size:15px}.fa-task-card{padding:20px}.fa-featured .utility-cards{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column;gap:10px}.section-heading h2{font-size:22px}.fa-proof{grid-template-columns:1fr;gap:16px}.utility-home h2{font-size:23px}.utility-page .css-title>h1,.pdf-page .css-title>h1{font-size:27px}.tools-dropdown{width:min(90vw,340px)}.brand{font-size:19px}.utility-output-actions{flex-wrap:wrap}.tool-card .tool-copy strong{font-size:15px}}
@media print{.fa-hero,.fa-featured,.fa-proof{display:none}}

/* Ai Tools extends the existing Persian visual system. */
.ai-note{border:1px solid #dce4f4;border-inline-start:4px solid #365cf5;background:#f6f8fe;padding:18px 22px;border-radius:12px;margin-block:22px 30px}.ai-note p{margin:6px 0 0;color:#506078;font-size:13px}.ai-cards{grid-template-columns:repeat(2,minmax(0,1fr));margin-block:24px}.ai-card{display:block;position:relative}.ai-card p{color:#657087}.ai-number{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;width:42px;height:42px;background:#edf1ff;color:#365cf5;font-weight:700}.ai-method{float:left;font-size:12px;color:#66738a}.ai-field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;font-weight:600}.ai-field textarea{width:100%;min-height:210px;resize:vertical;border:1px solid #d9dfe9;border-radius:10px;padding:14px;font-weight:400;background:#fff;line-height:1.9}.ai-field select{min-height:44px;padding:6px 10px;border:1px solid #d9dfe9;border-radius:8px;background:white}.ai-field textarea:focus,.ai-field select:focus{outline:2px solid #365cf5;outline-offset:2px}.ai-page #ai-other{min-height:110px}.ai-page #ai-output{width:100%;min-height:300px;resize:vertical;border:1px solid #d9dfe9;border-radius:10px;padding:14px;background:#fafbfe;line-height:1.95}.ai-counter,.ai-meta{font-size:12px;color:#657087}.ai-counter{margin-top:-10px}.ai-import{cursor:pointer;text-decoration:underline}.ai-page .utility-import{flex-wrap:wrap}.ai-page .utility-input,.ai-page .utility-result{min-width:0}.ai-page .settings-heading{flex-wrap:wrap;gap:12px}.ai-page [hidden]{display:none!important}.ai-home{border:1px solid #e0e6f4;border-radius:16px;padding:28px;margin-bottom:32px}.ai-home h2{direction:ltr;text-align:right}.ai-nav-link{white-space:nowrap}.ai-page .utility-result label{display:block;margin-bottom:10px}
@media(max-width:720px){.ai-cards{grid-template-columns:1fr}.ai-home{padding:20px}.ai-note{padding:14px 16px}.ai-page .utility-editor{grid-template-columns:1fr}.header nav>.pdf-nav-link{display:none}.ai-page .utility-output-actions{display:flex;gap:8px}.ai-page .css-title h1{font-size:25px}}

.header nav>.ai-nav-link{display:block}@media(max-width:480px){.header-inner{padding-inline:16px}.header .brand{font-size:16px;gap:7px}.header nav{gap:10px;font-size:12px}}

/* Expanded Ai Tools discovery and export controls. */
.ai-discovery{margin-block:30px}.ai-search-label{display:block;margin-bottom:10px;font-weight:600}.ai-discovery .search{margin-bottom:16px}.ai-discovery .filters{flex-wrap:wrap;gap:8px}.ai-format-label{display:flex!important;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:#657087}.ai-format-label select{padding:7px 12px;border:1px solid #d9dfe9;background:#fff;border-radius:8px;color:#11131a}.ai-method{max-width:65%;text-align:end}.ai-card h2{clear:both;padding-top:12px}.ai-page .utility-output-actions{display:flex;flex-wrap:wrap;gap:8px}.ai-page .utility-result{align-self:start}.ai-page .utility-import{gap:10px}.ai-page textarea:focus-visible{outline:2px solid #365cf5;outline-offset:3px}.ai-directory [hidden]{display:none!important}.ai-discovery .filter{white-space:normal}.ai-page .breadcrumb{flex-wrap:wrap}.ai-directory .ai-cards{align-items:stretch}
@media(max-width:720px){.ai-discovery .filters{display:flex}.ai-directory h1{font-size:32px!important}.ai-page .settings-heading{align-items:start}.ai-method{font-size:11px}.ai-page .utility-output-actions .button{padding-inline:12px}}

.model-page #model-output{width:100%;min-height:300px;resize:vertical;line-height:1.9;padding:14px;border:1px solid #d9dfe9;border-radius:10px;background:#fafbfe;white-space:pre-wrap}.model-page textarea[dir=ltr]{direction:ltr;text-align:left}.model-page #model-preview{max-width:100%;max-height:220px;object-fit:contain;border:1px solid #e1e5ef;background:white;margin-bottom:20px}.model-page progress{width:100%;height:14px;accent-color:#365cf5}.model-range{display:flex;flex-wrap:wrap;gap:14px;border:1px solid #d9dfe9;border-radius:10px;margin-bottom:20px}.model-range label{display:flex;flex-direction:column;max-width:120px}.model-range input{max-width:100%;padding:8px;border:1px solid #d9dfe9;border-radius:6px}.model-page .utility-input,.model-page .utility-result{min-width:0}.model-page input[type=file]{max-width:100%;font-size:13px}.model-page .utility-editor{align-items:start}.model-page [hidden]{display:none!important}.model-page textarea{min-height:160px}.ai-method{font-size:11px;max-width:76%}

/* Readable natural-language output, including Persian OCR. */
.ai-page #ai-output,.model-page #model-output{font:inherit;font-size:15px;line-height:1.9;color:var(--ink);unicode-bidi:plaintext;text-align:start}.model-file-picker{position:relative;min-height:64px;display:flex;align-items:center;justify-content:center;background:#f7f8fc;border:1px dashed #aebbd6;border-radius:10px;cursor:pointer;padding:18px}.model-file-picker:focus-within{outline:2px solid #365cf5;outline-offset:3px}.model-file-picker input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}

/* Compact discovery header, leaving the tools closer to the first viewport. */
.ai-directory>h1{margin-block:12px 18px}.ai-directory .ai-tagline{display:block;font-size:28px;line-height:1.5;letter-spacing:0;margin-top:8px;font-weight:600;max-width:900px}.ai-directory>.lead{font-size:16px;margin-bottom:18px}.ai-directory>.ai-note{margin-block:16px 24px}.ai-directory>.ai-discovery{margin-block:22px}.ai-directory .ai-discovery .filters{overflow:visible}.ai-directory>.ai-eyebrow{margin-top:18px}
@media(max-width:720px){.ai-directory>h1{font-size:34px!important;line-height:1.3!important;margin-block:8px 14px}.ai-directory .ai-tagline{font-size:20px;line-height:1.6;margin-top:6px}.ai-directory>.ai-note{padding:14px 16px;margin-block:14px 20px}.ai-directory>.ai-note p{font-size:13px;line-height:1.85}.ai-directory>.lead{font-size:14px;line-height:1.85;margin-bottom:16px}.ai-directory .breadcrumb{margin-block:22px}.ai-directory>.ai-discovery{margin-block:18px}.ai-directory .ai-discovery .filters{gap:6px}.ai-directory .ai-discovery .filter{padding:9px 12px;min-height:36px}}

/* Practical source examples and compact reading structure. */
.ai-learning{margin-block:38px 28px;border-top:1px solid var(--line);padding-top:28px}.ai-learning-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.ai-learning h2{font-size:24px;letter-spacing:0;line-height:1.5;margin:6px 0 14px}.ai-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-inline-start:24px;color:#506078;font-size:14px;line-height:1.85}.ai-steps li{padding-inline:5px}.ai-example{margin-top:24px;border:1px solid #dce3f0;border-radius:14px;background:#f8faff;padding:22px}.ai-example h3{margin:0;font-size:17px}.ai-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ai-example-grid>div{min-width:0}.ai-example h4{font-size:13px;color:#506078;margin:18px 0 10px}.ai-example pre{font:inherit;font-size:13px;line-height:1.9;background:white;border:1px solid #e3e7ef;border-radius:9px;padding:16px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:340px;overflow:auto;unicode-bidi:plaintext;text-align:start}.seo-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-block:24px;font-size:12px;color:#657087}.ai-example .settings-heading{gap:16px;flex-wrap:wrap}.ai-learning .ai-eyebrow{margin:0}
@media(max-width:720px){.ai-steps,.ai-example-grid{grid-template-columns:1fr}.ai-steps{gap:10px}.ai-learning{margin-top:28px}.ai-learning h2{font-size:21px}.ai-example{padding:16px}.ai-example pre{font-size:13px;max-height:250px}.ai-learning-head{gap:6px}}

.ai-section-nav{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.ai-section-nav a{padding:6px 12px;border:1px solid #dce3f0;border-radius:7px;color:#365cf5;font-size:12px;background:#f8faff}.ai-section-nav a:hover{background:#edf2ff}.ai-learning .settings-heading{align-items:center}.ai-example-grid pre{scrollbar-width:thin}.ai-example-grid pre:focus-visible{outline:2px solid #365cf5}.seo-breadcrumb+[class=article]{padding-top:10px}