@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap";:root{color-scheme:light;--ink:#11182a;--muted:#5e6b80;--line:#d8e0eb;--paper:#f8faff;--surface:#fff;--surface-soft:#f3f6fb;--surface-subtle:#f8faff;--blue:#3465f5;--blue-dark:#204cda;--primary-ink:#fff;--selection-ink:#fff;--focus:#3465f5;--focus-ring:rgba(52,101,245,.2);--hero-start:#ecf0ff;--hero-middle:#f9fbff;--hero-end:#e8fff6;--hero-mark:#bed2ff;--eyebrow:#52617c;--hero-copy:#4e5a70;--search-border:#d8e0ee;--search-icon:#7584a0;--card-border-hover:#aabcf6;--card-icon-bg:#e9efff;--card-icon-ink:#4269db;--arrow:#7d899e;--label:#40506b;--input-bg:#f5f7fb;--input-border:#e1e6ef;--secondary-bg:#edf1f8;--secondary-ink:#354461;--quiet:#617087;--output-bg:#11182a;--output-ink:#eaf0ff;--output-error:#ffbbb1;--strong:#3a4d73;--separator:#9ba7ba;--privacy-bg:#11182a;--privacy-ink:#fff;--privacy-muted:#c1cad9;--privacy-eyebrow:#bec8db;--yellow:#ffdf79;--category-ink:#11182a;--category-1:#e6e1ff;--category-2:#cdf4e5;--category-3:#dce9ff;--category-4:#ffdf79;--category-5:#ffd9d0;--category-6:#e2f0ed;--category-7:#fce1ec;--category-8:#e8e2ff;--category-9:#d9f1f6;--shadow-card:0 12px 28px rgba(38,60,115,.1);--shadow-search:0 12px 25px rgba(39,68,136,.08);--shadow-workbench:0 15px 35px rgba(50,69,109,.07)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--ink:#edf2ff;--muted:#aab5c9;--line:#2d384e;--paper:#0b1020;--surface:#12192a;--surface-soft:#0e1526;--surface-subtle:#10182a;--blue:#91adff;--blue-dark:#b0c4ff;--primary-ink:#fff;--selection-ink:#0b1020;--focus:#91adff;--focus-ring:rgba(145,173,255,.25);--hero-start:#171e36;--hero-middle:#11192d;--hero-end:#102923;--hero-mark:#2b416f;--eyebrow:#aebbd2;--hero-copy:#bdc7d9;--search-border:#344159;--search-icon:#9aa9c2;--card-border-hover:#6179bd;--card-icon-bg:#1d2b4d;--card-icon-ink:#a9bdff;--arrow:#9eabc0;--label:#c4cfe1;--input-bg:#0d1424;--input-border:#334056;--secondary-bg:#202a3f;--secondary-ink:#dce5f8;--quiet:#afbbd0;--output-bg:#070b15;--output-ink:#edf3ff;--output-error:#ffaaa0;--strong:#c9d5eb;--separator:#657189;--privacy-bg:#18233d;--privacy-ink:#f5f7ff;--privacy-muted:#bdc8dc;--privacy-eyebrow:#aebbd2;--yellow:#ffe291;--category-ink:#edf2ff;--category-1:#2b294e;--category-2:#173d35;--category-3:#1b3153;--category-4:#4a3b19;--category-5:#4a2c2b;--category-6:#1c3935;--category-7:#45293a;--category-8:#332b50;--category-9:#173d47;--shadow-card:0 12px 28px rgba(0,0,0,.28);--shadow-search:0 12px 25px rgba(0,0,0,.22);--shadow-workbench:0 15px 35px rgba(0,0,0,.25)}}:root[data-theme=dark]{color-scheme:dark;--ink:#edf2ff;--muted:#aab5c9;--line:#2d384e;--paper:#0b1020;--surface:#12192a;--surface-soft:#0e1526;--surface-subtle:#10182a;--blue:#91adff;--blue-dark:#b0c4ff;--primary-ink:#fff;--selection-ink:#0b1020;--focus:#91adff;--focus-ring:rgba(145,173,255,.25);--hero-start:#171e36;--hero-middle:#11192d;--hero-end:#102923;--hero-mark:#2b416f;--eyebrow:#aebbd2;--hero-copy:#bdc7d9;--search-border:#344159;--search-icon:#9aa9c2;--card-border-hover:#6179bd;--card-icon-bg:#1d2b4d;--card-icon-ink:#a9bdff;--arrow:#9eabc0;--label:#c4cfe1;--input-bg:#0d1424;--input-border:#334056;--secondary-bg:#202a3f;--secondary-ink:#dce5f8;--quiet:#afbbd0;--output-bg:#070b15;--output-ink:#edf3ff;--output-error:#ffaaa0;--strong:#c9d5eb;--separator:#657189;--privacy-bg:#18233d;--privacy-ink:#f5f7ff;--privacy-muted:#bdc8dc;--privacy-eyebrow:#aebbd2;--yellow:#ffe291;--category-ink:#edf2ff;--category-1:#2b294e;--category-2:#173d35;--category-3:#1b3153;--category-4:#4a3b19;--category-5:#4a2c2b;--category-6:#1c3935;--category-7:#45293a;--category-8:#332b50;--category-9:#173d47;--shadow-card:0 12px 28px rgba(0,0,0,.28);--shadow-search:0 12px 25px rgba(0,0,0,.22);--shadow-workbench:0 15px 35px rgba(0,0,0,.25)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{min-width:320px;margin:0;color:var(--ink);background:var(--paper);font-family:Manrope,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}::selection{color:var(--selection-ink);background:var(--blue)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid var(--focus);outline-offset:3px}.site-header{max-width:1240px;padding:26px 32px;margin:auto;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:800;font-size:22px;letter-spacing:-1.5px}.brand span{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:24px}.site-header nav{display:flex;gap:27px}.site-header nav a,.text-link,.back-link{font-size:14px;font-weight:700}.site-header nav a:hover,.text-link:hover,.back-link:hover{color:var(--blue)}.theme-control{position:relative;display:flex;align-items:center;color:var(--muted)}.theme-control select{min-width:102px;appearance:none;padding:8px 27px 8px 31px;border:1px solid var(--line);border-radius:999px;outline:0;color:var(--ink);background:var(--surface);font-size:12px;font-weight:700;cursor:pointer}.theme-control select:hover{border-color:var(--card-border-hover)}.theme-control select:focus-visible{box-shadow:0 0 0 3px var(--focus-ring)}.theme-icon,.select-arrow{position:absolute;z-index:1;pointer-events:none}.theme-icon{left:11px;font-size:13px;color:var(--blue)}.select-arrow{right:10px;top:6px;font-size:14px;color:var(--muted)}.hero{max-width:1240px;margin:38px auto 0;padding:72px 32px 76px;background:linear-gradient(115deg,var(--hero-start) 0%,var(--hero-middle) 56%,var(--hero-end) 100%);border-radius:30px;position:relative;overflow:hidden}.hero:after{content:"✦";position:absolute;right:9%;top:-18px;color:var(--hero-mark);font-size:235px;line-height:1;opacity:.55}.eyebrow{margin:0 0 12px;text-transform:uppercase;font-family:DM Mono,monospace;font-size:11px;color:var(--eyebrow);letter-spacing:.08em;font-weight:500}h1,h2,h3,p{margin-top:0}h1{max-width:780px;font-size:clamp(48px,6vw,83px);letter-spacing:-.07em;line-height:1.04;margin-bottom:24px;position:relative;z-index:1}h1 em,h2 em{font-family:Playfair Display,serif;font-weight:600;letter-spacing:-.045em}.hero-copy{max-width:600px;font-size:17px;line-height:1.75;color:var(--hero-copy);position:relative;z-index:1}.search-wrap{max-width:620px;margin-top:31px;display:flex;align-items:center;gap:10px;padding:0 17px;background:var(--surface);border:1px solid var(--search-border);border-radius:13px;box-shadow:var(--shadow-search);position:relative;z-index:1}.search-wrap:focus-within{border-color:var(--focus);box-shadow:0 0 0 3px var(--focus-ring),var(--shadow-search)}.search-wrap span{font-size:25px;transform:rotate(-15deg);color:var(--search-icon)}.search-wrap input{width:100%;padding:17px 0;outline:0;border:0;color:var(--ink);font-size:14px;background:transparent}.search-wrap input::placeholder,.work-pane textarea::placeholder{color:var(--muted);opacity:.85}.trust-row{display:flex;flex-wrap:wrap;gap:20px;margin-top:22px;font-size:12px;color:var(--muted);position:relative;z-index:1}.content-section,.directory,.related{max-width:1240px;margin:0 auto;padding:94px 32px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px;gap:20px}.section-head h2,.content-section>h2,.tool-details h2{font-size:clamp(29px,3.4vw,43px);letter-spacing:-.06em;margin:0;line-height:1.1}.section-head>span{color:var(--muted);font-size:13px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tool-card{min-height:143px;padding:23px;background:var(--surface);border:1px solid var(--line);border-radius:17px;display:grid;grid-template-columns:39px 1fr 15px;gap:13px;transition:transform .18s,border-color .18s,box-shadow .18s}.tool-card:hover{transform:translateY(-3px);border-color:var(--card-border-hover);box-shadow:var(--shadow-card)}.card-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:var(--card-icon-bg);color:var(--card-icon-ink);font-family:Playfair Display,serif;font-weight:700}.tool-card :is(h2,h3){font-size:14px;letter-spacing:-.025em;margin:1px 0 7px}.tool-card p{margin:0;line-height:1.55;font-size:12px;color:var(--muted)}.arrow{align-self:start;font-size:17px;color:var(--arrow)}.tool-card[hidden]{display:none}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.category-card{padding:25px;border:1px solid transparent;border-radius:18px;min-height:178px;position:relative;color:var(--category-ink);transition:transform .18s,border-color .18s,box-shadow .18s}.category-card:hover{transform:translateY(-3px);border-color:var(--card-border-hover);box-shadow:var(--shadow-card)}.category-card span{font:11px DM Mono,monospace;opacity:.66}.category-card h3{margin:34px 0 7px;font-size:20px;letter-spacing:-.055em}.category-card p{margin:0;font-size:12px;opacity:.75}.category-card b{position:absolute;right:24px;bottom:20px;font-size:24px}.card-1{background:var(--category-1)}.card-2{background:var(--category-2)}.card-3{background:var(--category-3)}.card-4{background:var(--category-4)}.card-5{background:var(--category-5)}.card-6{background:var(--category-6)}.card-7{background:var(--category-7)}.card-8{background:var(--category-8)}.card-9{background:var(--category-9)}.privacy-banner{max-width:1176px;margin:0 auto 104px;padding:43px 47px;border-radius:20px;background:var(--privacy-bg);color:var(--privacy-ink);display:grid;grid-template-columns:65px 1fr 330px;gap:24px;align-items:center}.privacy-banner .eyebrow{color:var(--privacy-eyebrow)}.privacy-banner h2{margin:0;font-size:27px;letter-spacing:-.055em}.privacy-banner>p{margin:0;color:var(--privacy-muted);font-size:13px;line-height:1.7}.privacy-mark{color:var(--yellow);font-size:34px}footer{border-top:1px solid var(--line);max-width:1240px;margin:auto;padding:32px;display:flex;gap:24px;align-items:center}footer p{margin:0;font-size:11px;color:var(--muted)}footer p:last-child{margin-left:auto}.directory-hero,.tool-hero{max-width:1240px;margin:35px auto 0;padding:55px 32px 42px}.directory-hero h1{font-size:clamp(44px,5vw,66px);max-width:700px}.directory-hero .search-wrap{margin-top:25px}.directory{padding-top:28px}.category-list{margin-bottom:76px;scroll-margin-top:20px}.tool-hero{padding-bottom:24px;max-width:970px}.back-link{display:inline-block;margin-bottom:54px;color:var(--muted)}.tool-hero h1{margin-bottom:14px;font-size:clamp(42px,5vw,67px)}.tool-hero>p:last-child{max-width:670px;color:var(--muted);font-size:16px;line-height:1.7}.tool-hero strong{color:var(--strong);font-weight:600}.workbench{max-width:1176px;min-height:395px;margin:18px auto 0;display:grid;grid-template-columns:1fr 1fr;background:var(--surface);border:1px solid var(--line);border-radius:21px;overflow:hidden;box-shadow:var(--shadow-workbench)}.work-pane{padding:28px;display:flex;flex-direction:column}.input-pane{border-right:1px solid var(--line)}.work-pane label,.field-intro{font-size:12px;font-weight:700;margin-bottom:11px;color:var(--label)}.work-pane textarea{resize:vertical;flex:1;min-height:235px;width:100%;padding:17px;background:var(--input-bg);border:1px solid var(--input-border);outline:0;border-radius:11px;font:13px/1.6 DM Mono,monospace;color:var(--ink)}.work-pane textarea:focus,.calculator-form input:focus,.calculator-form select:focus{border-color:var(--focus);box-shadow:0 0 0 3px var(--focus-ring)}.button-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.button-row button,.copy-button{border:0;padding:10px 14px;font-size:12px;border-radius:8px;font-weight:700}.primary{background:#3465f5;color:var(--primary-ink)}.primary:hover{background:#204cda}.secondary,.copy-button{background:var(--secondary-bg);color:var(--secondary-ink)}.secondary:hover,.copy-button:hover{filter:brightness(.97)}.quiet{background:transparent;color:var(--quiet)}.quiet:hover{background:var(--surface-soft)}.output-label{display:flex;justify-content:space-between;align-items:center}.output-label label{margin:0}.work-pane pre{white-space:pre-wrap;overflow:auto;flex:1;min-height:235px;margin:11px 0 0;padding:17px;border-radius:11px;background:var(--output-bg);color:var(--output-ink);font:13px/1.68 DM Mono,monospace}.work-pane pre.is-error{color:var(--output-error)}.file-pane{gap:10px}.file-pane>label:not(.file-field){margin-bottom:0}.file-pane input[type=file],.file-field input{width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:var(--surface-subtle);font-size:13px}.file-field{display:flex;flex-direction:column;gap:7px;margin:4px 0 0!important}.file-note{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.download-file{align-self:flex-start;margin-top:13px;border:0}.inline-control{display:flex;align-items:center;gap:12px;margin:14px 0 -2px!important}.inline-control select{padding:7px 9px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:var(--surface);font-size:12px}.calculator-form{gap:19px;padding:36px}.field-intro{color:var(--muted);margin:0 0 2px;font-weight:400}.calculator-form label{position:relative;display:flex;flex-direction:column;gap:8px;margin:0}.calculator-form label>span{position:absolute;right:13px;bottom:12px;color:var(--muted);font-size:12px}.calculator-form input,.calculator-form select{width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;outline:0;color:var(--ink);background:var(--surface-subtle);font-size:14px}.calculator-form .button-row{margin-top:auto}.tool-details{max-width:1176px;padding:100px 0;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:18%}.tool-details>div>p:not(.eyebrow){max-width:480px;margin:20px 0 0;line-height:1.8;color:var(--muted);font-size:14px}.steps{display:grid;grid-template-columns:34px 1fr;align-content:start;gap:17px 12px}.steps span{font:12px DM Mono,monospace;color:var(--blue)}.steps p{margin:0;font-size:14px;padding-bottom:15px;border-bottom:1px solid var(--line)}.related{padding-top:0}@media(max-width:760px){.site-header{padding:18px 20px;gap:12px}.header-actions{gap:12px}.site-header nav{gap:14px}.site-header nav a[href="/#categories"]{display:none}.theme-control select{min-width:94px;padding-left:29px}.hero{margin:0;border-radius:0;padding:59px 20px}.hero:after{right:-20px;font-size:160px}.content-section,.directory,.related{padding:66px 20px}.tool-grid,.category-grid{grid-template-columns:1fr}.privacy-banner{margin:0 20px 70px;padding:30px;grid-template-columns:1fr}.privacy-mark{display:none}footer{margin:0 20px;padding:28px 0;flex-wrap:wrap}footer p:last-child{margin-left:0}.directory-hero,.tool-hero{padding:44px 20px 24px;margin:0}.workbench{margin:18px 20px 0;grid-template-columns:1fr}.input-pane{border-right:0;border-bottom:1px solid var(--line)}.work-pane{min-height:330px;padding:20px}.tool-details{padding:70px 20px;grid-template-columns:1fr;gap:45px}.section-head{align-items:start;flex-direction:column}.tool-card{min-height:122px}}@media(max-width:360px){.brand{font-size:20px}.site-header{padding-inline:16px}.site-header nav a{font-size:13px}.theme-control select{min-width:86px;padding-right:24px}.header-actions{gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.breadcrumb{max-width:970px;margin:0 auto;padding:22px 32px 0;display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:12px;font-weight:600}.breadcrumb a:hover{color:var(--blue)}.breadcrumb .separator{color:var(--separator)}.faq{max-width:1176px;margin:0 auto;padding:0 0 98px}.faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:27px}.faq details{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px}.faq summary{cursor:pointer;font-size:13px;font-weight:700;list-style:none}.faq summary:after{content:"+";float:right;color:var(--blue);font-size:17px}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--muted);font-size:13px;line-height:1.65;margin:13px 0 0}.category-description{max-width:650px;color:var(--muted);font-size:16px;line-height:1.7}@media(max-width:760px){.breadcrumb{padding:18px 20px 0}.faq{padding:0 20px 66px}.faq-grid{grid-template-columns:1fr}}
