/* All Converter Pro - UI layer v3 (complete redesign). Loads after site.min.css and ui2.css.
   Idea: every file family has its own colour (like the icons people already know), tools are shown as
   format pairs (PDF -> DOCX), and the one bold motif is a hard offset shadow in the family colour. */

/* ---------- tokens ---------- */
:root{
  --bg:#f4f6f8;--bg-subtle:#eceff3;--surface:#ffffff;--surface-2:#f4f6f8;--surface-3:#e9edf2;
  --ink:#0c1a2b;--ink-2:#2b3a4e;--muted:#5a6a7e;--line:#d6dce4;--line-strong:#b9c3cf;
  --accent:#1f4fe0;--accent-hover:#143bbd;--accent-soft:#e8eefe;--accent-ring:rgba(31,79,224,.3);
  --grad-brand:linear-gradient(#0c1a2b,#0c1a2b);--sh-brand:none;
  --c:#1f4fe0;--c-soft:#e8eefe;--c-ink:#143bbd;
  --r3:10px;--r3-lg:16px;
  --hard:4px 4px 0 var(--c);
  --font-display:ui-sans-serif,system-ui,-apple-system,"Segoe UI Variable Display","Segoe UI",Roboto,"Noto Sans","Noto Sans SC","Noto Sans Arabic","Noto Sans Devanagari",sans-serif;
}
[data-theme="dark"]{
  --bg:#09111f;--bg-subtle:#0d1729;--surface:#101b2e;--surface-2:#0d1729;--surface-3:#182640;
  --ink:#eaf0f8;--ink-2:#c3cedd;--muted:#93a2b8;--line:#243350;--line-strong:#34466a;
  --accent:#7aa0ff;--accent-hover:#9db8ff;--accent-soft:#16264a;--accent-ring:rgba(122,160,255,.35);
  --grad-brand:linear-gradient(#eaf0f8,#eaf0f8);
  --c:#7aa0ff;--c-soft:#16264a;--c-ink:#a9c0ff;
}
/* file families */
[data-cat="pdf-studio"],[data-category="pdf-studio"]{--c:#d9382a;--c-soft:#fdeceb;--c-ink:#a82419}
[data-cat="image-studio"],[data-category="image-studio"]{--c:#7a3df0;--c-soft:#f1eafe;--c-ink:#5a24c4}
[data-cat="ocr-studio"],[data-category="ocr-studio"]{--c:#0b8f82;--c-soft:#e2f6f3;--c-ink:#07675e}
[data-cat="document-studio"],[data-category="document-studio"]{--c:#1f5fe0;--c-soft:#e8f0fe;--c-ink:#1446b0}
[data-cat="finance-hub"],[data-category="finance-hub"]{--c:#16883f;--c-soft:#e4f6ea;--c-ink:#0e642c}
[data-cat="unit-converter"],[data-category="unit-converter"]{--c:#c76a05;--c-soft:#fdf0dc;--c-ink:#8f4b00}
[data-cat="business-tools"],[data-category="business-tools"]{--c:#d1246b;--c-soft:#fde8f1;--c-ink:#9c1450}
[data-cat="media-studio"],[data-category="media-studio"]{--c:#0a86b8;--c-soft:#e1f3fa;--c-ink:#075f84}
[data-theme="dark"] [data-cat="pdf-studio"],[data-theme="dark"] [data-category="pdf-studio"]{--c:#ff7a6b;--c-soft:#3a1a1a;--c-ink:#ffa79c}
[data-theme="dark"] [data-cat="image-studio"],[data-theme="dark"] [data-category="image-studio"]{--c:#b18bff;--c-soft:#27194a;--c-ink:#cdb5ff}
[data-theme="dark"] [data-cat="ocr-studio"],[data-theme="dark"] [data-category="ocr-studio"]{--c:#3fd1c0;--c-soft:#10302d;--c-ink:#8be5da}
[data-theme="dark"] [data-cat="document-studio"],[data-theme="dark"] [data-category="document-studio"]{--c:#7aa6ff;--c-soft:#14264b;--c-ink:#aac5ff}
[data-theme="dark"] [data-cat="finance-hub"],[data-theme="dark"] [data-category="finance-hub"]{--c:#4fd17f;--c-soft:#12301f;--c-ink:#97e6b4}
[data-theme="dark"] [data-cat="unit-converter"],[data-theme="dark"] [data-category="unit-converter"]{--c:#ffa43a;--c-soft:#3a280f;--c-ink:#ffc680}
[data-theme="dark"] [data-cat="business-tools"],[data-theme="dark"] [data-category="business-tools"]{--c:#ff6fa6;--c-soft:#3a1527;--c-ink:#ffa5c8}
[data-theme="dark"] [data-cat="media-studio"],[data-theme="dark"] [data-category="media-studio"]{--c:#4cc3ee;--c-soft:#0f2f3c;--c-ink:#95dcf6}

body{background:var(--bg);color:var(--ink);font-family:var(--font-display);-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--font-display);color:var(--ink)}
::selection{background:var(--c);color:#fff}
:focus-visible{outline:3px solid var(--c);outline-offset:2px}

/* ---------- format pair (the recurring motif) ---------- */
.fmt{display:inline-flex;align-items:center;gap:.4rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;font-size:.72rem;letter-spacing:.02em;line-height:1;direction:ltr;unicode-bidi:isolate}
.fmt b{display:inline-block;padding:.32rem .45rem;border-radius:6px;background:var(--c-soft);color:var(--c-ink);border:1.5px solid var(--c);font-weight:800}
.fmt b+i+b{background:var(--c);color:#fff}
[data-theme="dark"] .fmt b+i+b{color:#09111f}
.fmt i{position:relative;display:inline-block;width:14px;height:2px;background:var(--ink-2);border-radius:2px}
.fmt i::after{content:"";position:absolute;inset-inline-end:-1px;top:-3px;width:7px;height:7px;border-top:2px solid var(--ink-2);border-right:2px solid var(--ink-2);transform:rotate(45deg)}
[dir=rtl] .fmt{direction:ltr}

/* ---------- header ---------- */
.topbar{background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1.5px solid var(--ink);box-shadow:none}
[data-theme="dark"] .topbar{border-bottom-color:var(--line)}
.topbar-inner{max-width:var(--container,1240px)}
.brand{gap:.6rem}
.brand img{border-radius:8px}
.brand strong{font-size:1.02rem;font-weight:850;letter-spacing:-.03em;color:var(--ink)}
.nav-trigger,.nav-link-plain{border-radius:8px;font-weight:650;color:var(--ink-2)}
.nav-trigger:hover,.nav-link-plain:hover,.nav-item:hover>.nav-trigger,.nav-item.open>.nav-trigger{background:var(--ink);color:var(--bg)}
.nav-dropdown-menu{border:1.5px solid var(--ink);border-radius:var(--r3);box-shadow:5px 5px 0 var(--ink);padding:.35rem}
[data-theme="dark"] .nav-dropdown-menu{border-color:var(--line-strong);box-shadow:5px 5px 0 #000}
.nav-dropdown-menu a{border-radius:6px;font-weight:600}
.nav-dropdown-menu a:hover{background:var(--ink);color:var(--bg)}
.nav-dropdown-menu a:last-child{color:var(--accent)}
.nav-badge{background:var(--c);color:#fff;border-radius:4px;padding:.1rem .35rem;font-size:.65rem}
.top-action{border-radius:8px;background:var(--ink);color:var(--bg);box-shadow:3px 3px 0 var(--accent);border:1.5px solid var(--ink);font-weight:750}
.top-action:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--accent)}
.theme-toggle,.menu-toggle,.lang-btn{border-radius:8px;border:1.5px solid var(--line-strong);background:var(--surface)}
.theme-toggle:hover,.menu-toggle:hover,.lang-btn:hover{border-color:var(--ink)}
.lang-menu{border:1.5px solid var(--ink);border-radius:var(--r3);box-shadow:5px 5px 0 var(--ink)}
[data-theme="dark"] .lang-menu{border-color:var(--line-strong);box-shadow:5px 5px 0 #000}
.lang-menu a{border-radius:6px}
.lang-menu a:hover{background:var(--ink);color:var(--bg)}
.lang-menu a[aria-current]{background:var(--c-soft);color:var(--c-ink)}
.lang-banner{background:var(--ink);color:var(--bg);border:0}
.lang-banner a{background:var(--bg);color:var(--ink);border-radius:6px}
.lang-banner-x{color:var(--bg)}
@media (min-width:1100px){
  .menu-toggle{display:none!important}
  .main-menu{position:static!important;display:flex!important;flex-direction:row!important;align-items:center;margin:0 0 0 auto;padding:0;background:transparent;border:0;box-shadow:none;animation:none}
  [dir=rtl] .main-menu{margin:0 auto 0 0}
  .nav-trigger,.nav-link-plain{width:auto;justify-content:flex-start;padding:.5rem .65rem;font-size:.86rem}
  .nav-dropdown-menu{position:absolute!important;display:block!important;background:var(--surface);margin:0;padding:.35rem;opacity:0;visibility:hidden;transform:translateY(-6px)}
  .nav-item:hover>.nav-dropdown-menu,.nav-item.open>.nav-dropdown-menu{opacity:1;visibility:visible;transform:none}
  [dir=rtl] .nav-dropdown-menu{left:auto;right:0}
}

/* ---------- home hero ---------- */
.home-v2{padding-bottom:0}
.h3-hero{position:relative;padding:clamp(2rem,5vw,4.5rem) 0 clamp(2.25rem,5vw,4rem);border-bottom:1.5px solid var(--ink);background:
  linear-gradient(var(--line) 1px,transparent 1px) 0 0/100% 44px,var(--bg)}
[data-theme="dark"] .h3-hero{border-bottom-color:var(--line);background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px) 0 0/100% 44px,var(--bg)}
.h3-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.h3-live{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 1.1rem;padding:.3rem .7rem;background:var(--surface);border:1.5px solid var(--ink);border-radius:6px;font-size:.8rem;font-weight:700;color:var(--ink)}
[data-theme="dark"] .h3-live{border-color:var(--line-strong)}
.h3-hero h1{font-size:clamp(2.3rem,1.1rem + 4.4vw,4.1rem);line-height:1.02;letter-spacing:-.045em;font-weight:900;margin:0 0 1.1rem;max-width:14ch;text-wrap:balance}
:lang(zh) .h3-hero h1,:lang(ar) .h3-hero h1,:lang(ur) .h3-hero h1,:lang(hi) .h3-hero h1{letter-spacing:0;line-height:1.2;max-width:none}
.h3-hero .h2-sub{margin:0 0 1.5rem;max-width:34rem;font-size:clamp(1rem,.95rem + .3vw,1.18rem);color:var(--ink-2);text-align:start}
.h3-hero .h2-search,.h3-search{max-width:34rem;margin:0 0 1.25rem;border-radius:var(--r3);border:1.5px solid var(--ink);background:var(--surface);box-shadow:5px 5px 0 var(--c);padding:.3rem .75rem}
[data-theme="dark"] .h3-search{border-color:var(--line-strong)}
.h3-search:focus-within{box-shadow:7px 7px 0 var(--accent);border-color:var(--ink)}
.h3-search input{font-size:1.05rem;padding:.85rem .25rem}
.h3-hero .h2-trust{justify-content:flex-start;gap:.4rem 1.2rem}
.h3-hero .h2-trust li{font-weight:600;color:var(--ink-2)}
.h3-hero .h2-trust li::before{background:var(--c)}

.h3-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}
.h3-pair{display:flex;flex-direction:column;gap:.7rem;padding:1rem 1rem 1.05rem;background:var(--surface);border:1.5px solid var(--ink);border-radius:var(--r3);color:var(--ink);text-decoration:none;box-shadow:4px 4px 0 var(--c);transition:transform .14s,box-shadow .14s}
[data-theme="dark"] .h3-pair{border-color:var(--line-strong)}
.h3-pair:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--c)}
.h3-pair:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--c)}
.h3-pair strong{font-size:1rem;font-weight:750;letter-spacing:-.01em}
.h3-pair:nth-child(even){margin-top:.9rem}
.h3-board{align-items:start}

/* ---------- sections ---------- */
.h2-section{padding-block:clamp(2rem,4vw,3.25rem)}
.h2-head h2{font-size:clamp(1.55rem,1.1rem + 1.5vw,2.35rem);font-weight:850;letter-spacing:-.035em}
.h2-head p{color:var(--muted)}
.h2-head .view-link,.view-link{color:var(--ink);font-weight:750;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:var(--c)}
.h2-tabs{background:linear-gradient(var(--bg) 80%,transparent);padding-top:.5rem}
.h2-tabs button{border-radius:8px;border:1.5px solid var(--line-strong);background:var(--surface);font-weight:700;color:var(--ink-2)}
.h2-tabs button b{background:var(--surface-3);border-radius:5px}
.h2-tabs button:hover{border-color:var(--ink);color:var(--ink)}
.h2-tabs button.on{background:var(--ink);border-color:var(--ink);color:var(--bg);box-shadow:3px 3px 0 var(--accent)}
.h2-tabs button.on b{background:var(--bg);color:var(--ink)}

/* tool cards */
.tool-grid.h2-grid,.tool-grid{grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:1.1rem}
.tool-card{border:1.5px solid var(--ink);border-radius:var(--r3);background:var(--surface);padding:1rem 1.05rem 1.1rem;gap:.55rem;box-shadow:3px 3px 0 var(--line-strong);transition:transform .14s,box-shadow .14s}
[data-theme="dark"] .tool-card{border-color:var(--line-strong);box-shadow:3px 3px 0 #000}
.tool-card:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--c);border-color:var(--ink)}
[data-theme="dark"] .tool-card:hover{border-color:var(--c)}
.tool-card>.fmt,.tool-card>span.fmt:first-child{align-self:flex-start;display:inline-flex;width:auto;height:auto;margin-bottom:.15rem;background:transparent;border:0;border-radius:0;box-shadow:none;place-items:initial}
.tool-card::after{display:none!important}
.tool-card .card-icon{font-size:1.4rem}
.tool-card strong{font-size:1.02rem;font-weight:800;letter-spacing:-.015em;color:var(--ink)}
.tool-card small{color:var(--muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tool-card em{display:none}

/* how it works / why */
.h2-steps{gap:1.1rem}
.h2-steps li{border:1.5px solid var(--ink);border-radius:var(--r3);background:var(--surface);box-shadow:4px 4px 0 var(--line-strong)}
[data-theme="dark"] .h2-steps li{border-color:var(--line-strong);box-shadow:4px 4px 0 #000}
.h2-steps li>span{background:var(--ink);color:var(--bg);border-radius:6px;font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:800}
.h2-why li,.h2-why>*{border-radius:var(--r3)}
.faq-section details,.h2-faq details,details.faq-item{border:1.5px solid var(--line-strong);border-radius:var(--r3);background:var(--surface);transition:border-color .12s}
.faq-section details[open],.h2-faq details[open]{border-color:var(--ink);box-shadow:4px 4px 0 var(--c)}
.faq-section summary,.h2-faq summary{font-weight:750}

/* ---------- breadcrumbs + tool page ---------- */
.breadcrumbs{font-size:.85rem;color:var(--muted);padding-top:1.1rem}
.breadcrumbs a{color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}
.breadcrumbs strong{color:var(--ink)}
.tool-header-panel{display:flex;align-items:center;gap:1.25rem;padding:clamp(1.25rem,3vw,2rem) 0 1.25rem;background:transparent;border:0;box-shadow:none}
.tool-header-panel h1{font-size:clamp(1.9rem,1.2rem + 2.6vw,3rem);font-weight:900;letter-spacing:-.04em;line-height:1.05;margin:0 0 .5rem;text-wrap:balance}
:lang(zh) .tool-header-panel h1,:lang(ar) .tool-header-panel h1,:lang(ur) .tool-header-panel h1,:lang(hi) .tool-header-panel h1{letter-spacing:0;line-height:1.25}
.tool-header-panel p{color:var(--ink-2);max-width:46rem;margin:0;font-size:1.04rem}
.tool-icon-big{flex:0 0 auto;display:grid;place-items:center;min-width:76px;height:76px;padding:0 .6rem;border-radius:var(--r3);background:var(--c-soft);border:1.5px solid var(--ink);box-shadow:4px 4px 0 var(--c);font-size:2rem}
[data-theme="dark"] .tool-icon-big{border-color:var(--line-strong)}
.tool-icon-big .fmt{flex-direction:column;gap:.3rem}
.tool-icon-big .fmt i{width:2px;height:10px}
.tool-icon-big .fmt i::after{inset-inline-end:auto;top:auto;bottom:-1px;left:-3px;right:auto;transform:rotate(135deg)}
.tool-icon-big .fmt b{font-size:.7rem;padding:.25rem .4rem}

.workspace-card,.v5-card{background:var(--surface);border:1.5px solid var(--ink);border-radius:var(--r3-lg);box-shadow:7px 7px 0 var(--c);padding:clamp(1rem,2.5vw,1.6rem)}
[data-theme="dark"] .workspace-card,[data-theme="dark"] .v5-card{border-color:var(--line-strong)}
.v55-stepper{display:flex;gap:0;margin:0 0 1.25rem;padding:0;border:1.5px solid var(--line-strong);border-radius:8px;overflow:hidden;background:var(--surface-2)}
.v55-stepper span{flex:1;display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.6rem .4rem;font-size:.84rem;font-weight:700;color:var(--muted);background:transparent;border:0;border-radius:0;border-inline-end:1.5px solid var(--line-strong);box-shadow:none}
.v55-stepper span:last-child{border-inline-end:0}
.v55-stepper span b{display:inline-grid;place-items:center;min-width:1.4rem;height:1.4rem;border-radius:5px;background:var(--surface-3);color:var(--ink-2);font-size:.75rem}
.v55-stepper span.active{background:var(--c);color:#fff}
[data-theme="dark"] .v55-stepper span.active{color:#09111f}
.v55-stepper span.active b{background:#fff;color:var(--c-ink)}
.v55-stepper span.done{color:var(--ink);background:var(--c-soft)}
.panel-kicker{display:inline-block;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.72rem;font-weight:800;letter-spacing:.04em;color:var(--c-ink);background:var(--c-soft);padding:.2rem .5rem;border-radius:5px;margin-bottom:.5rem}
.v55-upload-card{text-align:start}
.v55-upload-card h2{font-size:1.35rem;font-weight:850;letter-spacing:-.02em}
.v55-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-height:210px;padding:2rem 1rem;border:2.5px dashed var(--c);border-radius:var(--r3);background:var(--c-soft);cursor:pointer;transition:background .15s,transform .15s}
.v55-dropzone:hover,.v55-dropzone.dragover,.v55-dropzone:focus-within{background:color-mix(in srgb,var(--c-soft) 70%,var(--surface));transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--c)}
.v55-drop-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:var(--r3);background:var(--c);color:#fff;font-size:1.5rem;border:1.5px solid var(--ink)}
[data-theme="dark"] .v55-drop-icon{color:#09111f}
.v55-dropzone strong{font-size:1.15rem;font-weight:850}
.v55-dropzone small{color:var(--ink-2)}
.btn,.btn.accent,.v55-convert-btn{border-radius:8px;font-weight:800;border:1.5px solid var(--ink);box-shadow:3px 3px 0 var(--c);transition:transform .12s,box-shadow .12s}
.btn.accent,.v55-convert-btn{background:var(--ink);color:var(--bg)}
.btn.secondary{background:var(--surface);color:var(--ink)}
.btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--c)}
.btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--c)}
.v55-preview-card,.v55-options-card,.v55-processing-card,.v55-download-card{border:1.5px solid var(--line-strong);border-radius:var(--r3);background:var(--surface);box-shadow:none}
.advanced-settings input,.advanced-settings select,.v53-settings input,.v53-settings select,input[type=text],input[type=number],select,textarea{border:1.5px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--ink)}
.advanced-settings input:focus,.advanced-settings select:focus,select:focus,textarea:focus,input:focus{border-color:var(--ink);outline:0;box-shadow:3px 3px 0 var(--c)}
.progress-track{height:12px;border-radius:6px;border:1.5px solid var(--ink);background:var(--surface-2);overflow:hidden}
[data-theme="dark"] .progress-track{border-color:var(--line-strong)}
.progress-track>span{background:var(--c);border-radius:0}
.v53-progress-steps li{font-weight:650}

/* long text */
.seo-tool-copy{max-width:50rem;margin-inline:auto}
.seo-tool-copy h2{font-size:clamp(1.3rem,1.05rem + .9vw,1.7rem);font-weight:850;letter-spacing:-.025em;padding-inline-start:.8rem;border-inline-start:5px solid var(--c)}
.seo-tool-copy p,.seo-tool-copy li{color:var(--ink-2);line-height:1.7}
.related-tools,.related-grid{gap:.6rem}
.related-tools a,.related-grid a,.related-pill{border:1.5px solid var(--line-strong);border-radius:8px;background:var(--surface);font-weight:650}
.related-tools a:hover,.related-grid a:hover{border-color:var(--ink);box-shadow:3px 3px 0 var(--c)}

/* ---------- category / hub / info pages ---------- */
.category-hero{text-align:start;padding:clamp(1.5rem,4vw,3rem) 0 1.25rem;background:transparent;border:0}
.category-hero>span{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:var(--r3);background:var(--c-soft);border:1.5px solid var(--ink);box-shadow:4px 4px 0 var(--c);font-size:1.8rem}
.category-hero h1{font-size:clamp(2rem,1.2rem + 3vw,3.2rem);font-weight:900;letter-spacing:-.04em;margin:.9rem 0 .4rem}
.category-hero p{max-width:44rem;color:var(--ink-2)}
.category-hero .hero-search-box{max-width:30rem;border:1.5px solid var(--ink);border-radius:var(--r3);box-shadow:4px 4px 0 var(--c);margin:1rem 0 0}
.page-wrap h1{font-weight:900;letter-spacing:-.04em}
.currency-related-grid a{border:1.5px solid var(--line-strong);border-radius:var(--r3);background:var(--surface)}
.currency-related-grid a:hover{border-color:var(--ink);box-shadow:4px 4px 0 var(--c)}

/* ---------- footer ---------- */
.site-footer{margin-top:clamp(2.5rem,5vw,4.5rem);background:var(--ink);color:#c9d4e3;border-top:0}
[data-theme="dark"] .site-footer{background:#050a14;border-top:1.5px solid var(--line)}
.site-footer strong,.site-footer h2,.site-footer h3{color:#fff}
.site-footer a{color:#c9d4e3;text-decoration:none}
.site-footer a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.site-footer p{color:#9fb0c6}
.footer-col-v60>strong{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.78rem;font-weight:800;color:#8fb0ff}
.footer-trust-v60{color:#c9d4e3!important}
.footer-langs{border-top:1px solid rgba(255,255,255,.16)}
.footer-langs a{color:#c9d4e3;border-radius:6px}
.footer-langs a:hover{background:#fff;color:var(--ink);text-decoration:none}
.site-footer .footer-bottom,.site-footer small{color:#8497b0}

/* ---------- RTL and responsive ---------- */
[dir=rtl] .tool-card .fmt{align-self:flex-start}
@media (max-width:900px){
  .h3-hero-grid{grid-template-columns:1fr}
  .h3-hero h1{max-width:none}
  .h3-board{grid-template-columns:repeat(2,minmax(0,1fr))}
  .h3-pair:nth-child(even),.h3-pair:nth-child(odd):not(:first-child){margin-top:0}
}
@media (max-width:640px){
  .tool-header-panel{flex-direction:column;align-items:flex-start;gap:1rem}
  .v55-stepper span{font-size:.72rem;flex-direction:column;gap:.15rem;padding:.45rem .1rem}
  .workspace-card,.v5-card{box-shadow:4px 4px 0 var(--c);padding:1rem}
  .tool-grid.h2-grid,.tool-grid{grid-template-columns:1fr}
  .h3-pair{padding:.85rem}
  .h3-pair strong{font-size:.92rem}
}
@media (prefers-reduced-motion:reduce){.h3-pair,.tool-card,.btn,.v55-dropzone{transition:none!important}.h3-pair:hover,.tool-card:hover,.btn:hover{transform:none}}

/* specificity fixes */
.tool-page .workspace-card.v5-card{border:1.5px solid var(--ink);box-shadow:7px 7px 0 var(--c);background:var(--surface);border-radius:var(--r3-lg)}
[data-theme="dark"] .tool-page .workspace-card.v5-card{border-color:var(--line-strong)}
.tool-page .v55-upload-card,.tool-page .v55-upload-card p,.tool-page .v55-upload-card h2{text-align:start}
.tool-page .v55-upload-card p{color:var(--ink-2);max-width:42rem;margin:.3rem 0 1rem}
.tool-page .v55-upload-card .panel-kicker{display:inline-block}
.tool-page .tool-header-panel{align-items:flex-start}
@media (max-width:640px){.tool-page .workspace-card.v5-card{box-shadow:4px 4px 0 var(--c)}}
@media (max-width:640px){.tool-page .tool-header-panel,.tool-page .tool-header-panel>div{text-align:start;align-items:flex-start}}