.language-toggle{display:inline-flex;align-items:center;justify-content:center;direction:ltr;white-space:nowrap;min-width:62px;min-height:44px;padding:8px 12px;color:#dfcaff;background:#282131;border:1px solid #51405f;border-radius:12px;font:600 14px Arial,sans-serif;cursor:pointer}.header-actions{display:flex;align-items:center;gap:8px}.office-intro{color:var(--muted);margin:24px 0}.office-actions{display:flex;flex-wrap:wrap;gap:12px}.office-note{color:var(--muted);font-size:13px;line-height:1.8;margin-top:18px;max-width:800px}html[dir=rtl] body{font-family:Tahoma,Arial,sans-serif}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] .eyebrow,html[dir=rtl] .section-label,html[dir=rtl] .field-label{letter-spacing:0;line-height:1.4}html[dir=rtl] .file-info strong,html[dir=rtl] .result-top strong{unicode-bidi:plaintext}html[dir=rtl] .select-wrap>span{right:auto;left:15px}html[dir=rtl] .select-wrap select{padding:16px 16px 16px 40px}html[dir=rtl] .convert>span:last-child{margin-left:0;margin-right:auto}html[dir=rtl] .convert>span:nth-child(2){margin-right:0;margin-left:auto}html[dir=rtl] .info-card ul,html[dir=rtl] dialog ol{padding-left:0;padding-right:20px}.wheel,.wheel-wrap,.playground .file-tile,.key-art,.shortcut-note kbd{direction:ltr}.tool-tabs{overflow-x:auto}.tool-tabs button{min-width:65px}@media(max-width:600px){.nav nav{gap:10px}.nav .language-toggle{min-width:51px;padding:6px;font-size:12px}.nav nav>a:not(.nav-download){display:none}}

.donation-note{margin-top:18px!important;font-size:11px!important}.donation-section h2{margin-top:22px}.bottom-nav button{min-width:0}.donation-card>span svg{width:32px;height:32px}

/* Shared language control and Arabic typography. */
@font-face{font-family:'Velora Arabic';src:url('assets/fonts/NotoSansArabic-Regular.ttf') format('truetype');font-style:normal;font-weight:400 500;font-display:swap}
@font-face{font-family:'Velora Arabic';src:url('assets/fonts/NotoSansArabic-Bold.ttf') format('truetype');font-style:normal;font-weight:600 800;font-display:swap}
.language-toggle{gap:9px;min-width:106px;min-height:42px;padding:8px 14px;border:1px solid #51425f;border-radius:999px;background:#201a29;color:#e9def8;box-shadow:0 1px 2px #0002;font:500 12px 'Velora Arabic',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;transition:background .18s,border-color .18s,box-shadow .18s}
.language-toggle:hover{background:#30243e;border-color:#9c7ac4;box-shadow:0 0 0 3px #ba9df512}
.language-toggle:focus-visible{outline:2px solid #c2a3ff;outline-offset:4px}
.language-toggle .language-globe{width:18px;height:18px;flex:none;display:block;fill:none;stroke:currentColor}
.language-label{line-height:1.6}
html[dir=rtl] body,html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] button,html[dir=rtl] select,html[dir=rtl] input,html[dir=rtl] p,html[dir=rtl] label,html[dir=rtl] .brand span{font-family:'Velora Arabic',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:0}
html[dir=rtl] .brand{font-family:'Manrope',-apple-system,sans-serif}
html[dir=rtl] .heading h1{font-size:42px;line-height:1.5}
html[dir=rtl] .heading p,html[dir=rtl] .page-heading>p{font-size:14px;line-height:1.95}
html[dir=rtl] .dropzone h2{font-size:19px;line-height:1.8}
html[dir=rtl] .dropzone p{font-size:13px;line-height:1.9;max-width:340px}
html[dir=rtl] .operation-note,html[dir=rtl] .hint{font-size:12px;line-height:2;min-height:0}
html[dir=rtl] .operation-note{margin-top:14px}
html[dir=rtl] .limit{font-size:11px;line-height:2}
html[dir=rtl] .field-label{font-size:12px;line-height:1.8;margin-bottom:10px}
html[dir=rtl] .eyebrow{font-size:11px;line-height:1.9}
html[dir=rtl] .tool-tabs button{font-size:12px;gap:6px}
html[dir=rtl] .run-area>p{font-size:12px;line-height:1.9}
html[dir=rtl] .select-wrap select{font-size:14px;min-height:58px;line-height:1.8;text-align:start}
html[dir=rtl] .info-card p,html[dir=rtl] .info-card li{font-size:13px;line-height:2}
html[dir=rtl] .bottom-nav button{font-size:11px;line-height:1.8}
html[dir=rtl] .section-head h2,html[dir=rtl] .setting-row{font-size:13px}
html[dir=rtl] .button,html[dir=rtl] .convert{font-weight:600;line-height:1.8}
html[dir=rtl] .convert{padding-inline:18px;gap:12px;min-height:58px}
html[dir=rtl] .convert>span:nth-child(2){margin:0;text-align:start;flex:1}
html[dir=rtl] .convert>span:last-child{margin:0}
html[dir=rtl] .file-info strong,html[dir=rtl] .result-top strong,#page-range{direction:ltr;unicode-bidi:isolate;text-align:start}
html[dir=rtl] .hero-copy,html[dir=rtl] .intro-heading p,html[dir=rtl] .feature p,html[dir=rtl] .privacy p{line-height:2}
html[dir=rtl] .wheel-center strong,html[dir=rtl] .wheel-center small,html[dir=rtl] .floating-note,html[dir=rtl] .file-sub,html[dir=rtl] .shortcut-note>span:last-child{direction:rtl;unicode-bidi:isolate}
html[dir=rtl] .format-chips{direction:ltr;justify-content:flex-end}
html[dir=rtl] .format-chips span,html[dir=rtl] kbd{font-family:-apple-system,'Segoe UI',sans-serif;direction:ltr;unicode-bidi:isolate}
@media(max-width:600px){.nav .language-toggle{min-width:92px;padding:7px 11px;font-size:11px;gap:7px}.language-toggle{min-width:102px}.language-toggle .language-globe{width:17px;height:17px}html[dir=rtl] .heading h1{font-size:36px}html[dir=rtl] .hero h1{font-size:62px;line-height:1.5}.header-actions{gap:8px}}
@media(prefers-reduced-motion:reduce){.language-toggle{transition:none}}