:root{--ink:#102142;--muted:#66728a;--line:#dfe5ee;--soft:#f7f9fc;--blue:#1767f2;--blue2:#0f4fca;--green:#18964a;--radius:12px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}.hidden{display:none!important}header{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;gap:38px;position:sticky;top:0;background:#fffffffa;backdrop-filter:blur(10px);z-index:10}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap}.brand-icon{width:34px;height:34px;display:grid;place-items:center}.brand-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.brand-icon img{width:100%;height:100%;object-fit:contain;display:block}.brand-word{display:inline-flex;align-items:center;font-size:23px;line-height:1;letter-spacing:-.45px;transform:translateY(4px)}.brand-word strong{font-weight:800}nav{display:flex;gap:30px;margin:auto}nav a{text-decoration:none;padding:23px 4px 20px;border-bottom:2px solid transparent;font-weight:650;color:#203252}nav a:hover,nav a.active{color:var(--blue);border-color:var(--blue)}.header-actions{display:flex;align-items:center;gap:10px}.search-wrap{position:relative}.search{height:38px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 11px;color:var(--muted)}.search input{border:0;outline:0;width:170px;background:transparent}.language{height:38px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:0 11px;color:var(--muted)}.search-results{position:absolute;top:44px;right:0;width:290px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 40px #10214214;padding:6px;z-index:30}.search-results a{display:block;text-decoration:none;padding:9px 10px;border-radius:7px}.search-results a:hover{background:var(--soft)}main{max-width:1400px;margin:0 auto;padding:30px 34px 0}.home-hero{padding:48px 0 34px;text-align:center}.eyebrow{display:inline-block;color:var(--blue);background:#edf4ff;border:1px solid #dbe9ff;padding:6px 10px;border-radius:999px;font-weight:750;font-size:12px;margin-bottom:14px}.home-hero h1{font-size:46px;line-height:1.06;letter-spacing:-1.5px;margin:0 auto 14px;max-width:760px}.home-hero p{font-size:18px;color:var(--muted);max-width:720px;margin:0 auto 20px}.home-search{max-width:650px;margin:0 auto;display:flex;border:1px solid var(--line);border-radius:12px;padding:6px 7px 6px 14px;box-shadow:0 10px 30px #1021420d;background:#fff}.home-search input{flex:1;border:0;outline:0;font-size:16px}.home-search button{border:0;background:var(--blue);color:#fff;font-weight:750;border-radius:8px;padding:10px 17px}.privacy{color:var(--green);font-size:13px;margin-top:12px}.section{padding:18px 0 34px}.section h2{margin:0 0 5px;font-size:22px}.section p{margin:0;color:var(--muted)}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}.tool-tile{border:1px solid var(--line);border-radius:12px;padding:18px;text-decoration:none;min-height:150px;display:flex;flex-direction:column;transition:.15s}.tool-tile:hover{transform:translateY(-2px);border-color:#b7cdf7;box-shadow:0 12px 28px #1767f214}.tool-icon{width:38px;height:38px;border-radius:9px;background:#eef4ff;display:grid;place-items:center;color:var(--blue);font-weight:800;margin-bottom:14px}.tool-tile h3{font-size:16px;margin:0 0 6px}.tool-tile p{font-size:13px}.tool-tile span{margin-top:auto;color:var(--blue);font-size:12px;font-weight:750}.intro{margin-bottom:18px}.crumbs{font-size:12px;color:var(--muted);margin-bottom:12px}.crumbs a{text-decoration:none}.intro h1{font-size:32px;letter-spacing:-.8px;margin:0 0 7px}.lead{font-size:16px;color:#31405d;margin:0 0 8px;max-width:900px}.tool-card{border:1px solid var(--line);border-radius:14px;padding:16px}.inputs{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel{border:1px solid var(--line);border-radius:10px;padding:12px}.panel-head{font-weight:750;margin-bottom:8px}textarea{width:100%;min-height:180px;resize:vertical;border:1px solid var(--line);border-radius:8px;padding:14px;outline:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.5}textarea:focus{border-color:#a9c5ff;box-shadow:0 0 0 3px #edf4ff}.meta{color:var(--muted);font-size:12px;margin-top:7px}.options{margin-top:12px;border:1px solid var(--line);border-radius:10px;padding:11px 14px;display:flex;justify-content:space-between;gap:18px;align-items:center}.option-group{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.option-group label{display:flex;gap:7px;align-items:center}.option-group input{accent-color:var(--blue);width:16px;height:16px}.select-wrap{display:flex;align-items:center;gap:10px;font-weight:700}.select-wrap select{border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:#fff}.actions{display:flex;gap:10px;margin:14px 0 16px;flex-wrap:wrap}.button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 16px;font-weight:750;cursor:pointer}.button:hover{background:var(--soft)}.button.primary{background:var(--blue);border-color:var(--blue);color:#fff}.button.primary:hover{background:var(--blue2)}.button.small{padding:7px 10px;font-size:12px}.results{border:1px solid var(--line);border-radius:10px;padding:14px}.results-head{display:flex;justify-content:space-between;align-items:center}.results h2{font-size:16px;margin:0}.link-button{border:0;background:transparent;color:var(--blue);font-weight:750;cursor:pointer}.empty{min-height:150px;display:flex;align-items:center;justify-content:center;gap:22px;color:var(--muted)}.empty strong{color:var(--ink);display:block;margin-bottom:5px}.empty p{margin:0}.empty-icon{font-size:42px;color:#87a6e6}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:14px 0}.stats div{border:1px solid var(--line);border-radius:8px;text-align:center;padding:12px}.stats strong{display:block;font-size:24px}.stats span{color:var(--muted);font-size:12px}.tabs{display:flex;border-bottom:1px solid var(--line);overflow:auto}.tab{flex:1;min-width:115px;background:transparent;border:0;border-bottom:2px solid transparent;padding:10px;color:var(--muted);cursor:pointer}.tab.active{color:var(--blue);border-color:var(--blue);font-weight:750}.output{border:1px solid var(--line);border-radius:8px;margin-top:11px;padding:12px;background:#fbfcfe}.output pre{min-height:110px;white-space:pre-wrap;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.output-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.diff{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.diff-col{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fbfcfe}.diff-col h3{font-size:13px;margin:0;padding:9px 11px;background:#f5f7fb;border-bottom:1px solid var(--line)}.diff-lines{padding:8px 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;min-height:140px}.diff-line{display:grid;grid-template-columns:34px 1fr;gap:8px;padding:2px 10px}.diff-line .n{color:#9aa5b8;text-align:right}.diff-line.changed{background:#fff3d8}.diff-line.added{background:#eaf8ef}.diff-line.removed{background:#fff0f2}.ad{margin:16px 0;background:#f7f4ff;border:1px solid #ebe6ff;border-radius:8px;text-align:center;padding:14px;color:#4d4764}.ad small{display:block;color:#8d86a6}.content{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:36px;padding:10px 0 26px}.content h2,.related h2{font-size:16px;margin:0 0 10px}.content li{margin:7px 0}.check{list-style:"✓  ";padding-left:20px}.check li::marker{color:var(--green);font-weight:800}details{border:1px solid var(--line);padding:9px 11px}summary{font-weight:650;cursor:pointer}details p{color:var(--muted)}.related{border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:14px}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.related-grid a{border:1px solid var(--line);border-radius:8px;padding:12px;text-decoration:none;display:flex;flex-direction:column;gap:5px}.related-grid a:hover{border-color:#afc5f2}.related-grid span{font-size:12px;color:var(--muted)}footer{border-top:1px solid var(--line);max-width:1400px;margin:0 auto;padding:25px 34px 34px;display:grid;grid-template-columns:1.4fr .8fr .8fr 1.2fr;gap:42px;color:var(--muted);font-size:12px}footer>div{display:flex;flex-direction:column;gap:5px}footer strong{color:var(--ink)}footer a{text-decoration:none;color:var(--muted)}footer a:hover{color:var(--blue)}@media(max-width:1050px){nav{display:none}.header-actions{margin-left:auto}.tool-grid{grid-template-columns:repeat(2,1fr)}.content{grid-template-columns:1fr 1fr}.content article:last-child{grid-column:1/-1}.related-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){header{height:60px;padding:0 16px}.brand-word{font-size:20px}.brand-icon{width:30px;height:30px}.search-wrap{display:none}main{padding:22px 16px 0}.home-hero{padding:32px 0 26px}.home-hero h1{font-size:34px}.home-hero p{font-size:16px}.tool-grid,.inputs,.diff{grid-template-columns:1fr}textarea{min-height:150px}.options{align-items:flex-start;flex-direction:column}.actions .primary{width:100%}.stats{grid-template-columns:1fr 1fr}.content{grid-template-columns:1fr;gap:18px}.content article:last-child{grid-column:auto}.related-grid{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr;padding:22px 16px}footer>div:first-child,footer>div:last-child{grid-column:1/-1}}

/* Visual hierarchy refresh — 2026-08-15 */
:root{
  --ink:#12213f;
  --muted:#65728a;
  --line:#cfd8e6;
  --line-strong:#b9c6d8;
  --soft:#f4f7fb;
  --surface:#ffffff;
  --surface-blue:#f3f7ff;
  --surface-results:#f7f9fc;
  --blue:#1767f2;
  --blue2:#0f4fca;
  --blue-soft:#eaf2ff;
  --shadow-card:0 8px 28px rgba(16,33,66,.07);
}
body{background:#f4f6f9}
header{border-bottom-color:#d7deea;box-shadow:0 1px 0 rgba(16,33,66,.03)}
.brand,.brand-word,.brand-icon{color:var(--blue)}
main{padding-bottom:10px}
.home-hero{margin:22px 0 12px;padding:48px 28px 38px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-card)}
.home-search{border-color:var(--line-strong);box-shadow:0 8px 24px rgba(16,33,66,.08)}
.section{margin:18px 0 28px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 5px 18px rgba(16,33,66,.045)}
.tool-grid{gap:16px}
.tool-tile{background:var(--surface);border-color:var(--line);box-shadow:0 2px 8px rgba(16,33,66,.035)}
.tool-tile:hover{background:#fff;border-color:#9dbbf4;box-shadow:0 12px 28px rgba(23,103,242,.12)}
.intro{margin:2px 0 20px;padding:22px 24px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 16px rgba(16,33,66,.04)}
.tool-card{background:var(--surface);border-color:var(--line-strong);border-width:1.5px;padding:20px;box-shadow:var(--shadow-card)}
.panel{background:var(--soft);border-color:var(--line);padding:14px}
.panel-head{color:var(--ink)}
textarea{background:#fff;border-color:var(--line-strong)}
.options{background:var(--surface-blue);border-color:#ccdaf2;padding:13px 15px}
.actions{padding:2px 0 4px}
.button{border-color:var(--line-strong);box-shadow:0 1px 2px rgba(16,33,66,.04)}
.results{background:var(--surface-results);border-color:var(--line-strong);border-width:1.5px;padding:18px}
.results-head{padding-bottom:10px;border-bottom:1px solid var(--line)}
.empty{background:#fff;border:1px dashed #c8d2e1;border-radius:9px;margin-top:14px;padding:22px}
.stats div{background:#fff;border-color:var(--line)}
.output{background:#fff;border-color:var(--line-strong)}
.diff-col{background:#fff;border-color:var(--line-strong)}
.ad{background:#f2f0f8;border-color:#ded9ec;color:#625b78}
.content{margin:18px 0;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 16px rgba(16,33,66,.035)}
details{background:#fff;border-color:var(--line);border-radius:7px;margin-bottom:7px}
.related{background:var(--surface);border-color:var(--line);padding:18px;box-shadow:0 4px 16px rgba(16,33,66,.035)}
.related-grid a{background:var(--soft);border-color:var(--line)}
footer{border-top-color:#d7deea}
@media(max-width:760px){
  .home-hero{margin-top:8px;padding:34px 18px 28px}
  .section{padding:18px}
  .intro{padding:18px}
  .tool-card{padding:14px}
  .results{padding:14px}
  .content{padding:18px}
}

/* Feedback update: inline text diff and three simultaneous list results */
.diff-text{
  min-height:150px;
  padding:16px;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:13px;
  line-height:1.75;
}
.diff-token{
  border-radius:3px;
  padding:1px 2px;
  color:inherit;
}
.diff-token.removed{
  background:#ffe2e7;
  box-shadow:inset 0 -1px 0 #dc7183;
}
.diff-token.added{
  background:#dff5e7;
  box-shadow:inset 0 -1px 0 #62ad7b;
}
.result-columns{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:14px;
}
.result-column{
  display:flex;
  min-width:0;
  flex-direction:column;
  overflow:hidden;
  border:1px solid var(--line-strong);
  border-radius:10px;
  background:#fff;
}
.result-column-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:11px 12px;
  border-bottom:1px solid var(--line);
  background:var(--soft);
}
.result-column-head h3{
  margin:0;
  font-size:14px;
}
.result-count{
  display:inline-grid;
  min-width:26px;
  height:26px;
  place-items:center;
  border-radius:999px;
  background:var(--blue-soft);
  color:var(--blue);
  font-size:12px;
  font-weight:800;
}
.result-column pre{
  min-height:150px;
  max-height:360px;
  flex:1;
  overflow:auto;
  margin:0;
  padding:13px;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:13px;
  line-height:1.55;
  color:var(--ink);
}
.result-column .output-actions{
  margin:0;
  padding:10px 12px;
  border-top:1px solid var(--line);
  background:var(--soft);
}
@media(max-width:900px){
  .result-columns{grid-template-columns:1fr}
  .result-column pre{min-height:110px;max-height:260px}
}

/* Shared controls for the clean and line-processing tools */
.option-field{
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:700;
}
.option-field input[type="text"],
.option-field select{
  width:auto;
  height:38px;
  border:1px solid var(--line-strong);
  border-radius:8px;
  background:#fff;
  padding:7px 10px;
  outline:none;
}
.option-field input[type="text"]{
  min-width:150px;
}
.option-field input[type="text"]:focus,
.option-field select:focus{
  border-color:#8db3ff;
  box-shadow:0 0 0 3px var(--blue-soft);
}
.result-summary{
  color:var(--muted);
  font-size:12px;
}
@media(max-width:760px){
  .option-field{width:100%;align-items:flex-start;flex-direction:column}
  .option-field input[type="text"],.option-field select{width:100%}
}


/* TextUnicorn wordmark colors */
.brand .brand-word{color:var(--ink)}
.brand .brand-word strong,.brand .brand-icon{color:var(--blue)}

/* Category navigation and overview pages */
.site-nav{
  display:flex;
  align-self:stretch;
  align-items:stretch;
  gap:22px;
  margin:auto;
}
.nav-group{
  position:relative;
  display:flex;
  align-items:stretch;
}
.nav-trigger{
  display:flex;
  align-items:center;
  gap:5px;
  border:0;
  border-bottom:2px solid transparent;
  background:transparent;
  padding:2px 4px 0;
  color:#203252;
  font-weight:650;
  cursor:pointer;
}
.nav-chevron{
  color:var(--muted);
  font-size:12px;
  transition:transform .15s ease;
}
.nav-group:hover .nav-trigger,
.nav-group.open .nav-trigger,
.nav-group.active .nav-trigger{
  color:var(--blue);
  border-bottom-color:var(--blue);
}
.nav-group.open .nav-chevron{transform:rotate(180deg)}
.nav-menu{
  position:absolute;
  top:calc(100% - 1px);
  left:50%;
  display:none;
  width:310px;
  transform:translateX(-50%);
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
  box-shadow:0 18px 44px rgba(16,33,66,.16);
  padding:7px;
  z-index:40;
}
.nav-group:hover .nav-menu,
.nav-group:focus-within .nav-menu,
.nav-group.open .nav-menu{display:block}
.site-nav .nav-menu a{
  display:flex;
  flex-direction:column;
  gap:1px;
  border:0;
  border-radius:8px;
  padding:9px 10px;
  color:var(--ink);
  text-decoration:none;
}
.site-nav .nav-menu a:hover,
.site-nav .nav-menu a:focus-visible{
  border:0;
  background:var(--soft);
  color:var(--ink);
  outline:none;
}
.site-nav .nav-menu a strong{font-size:13px}
.site-nav .nav-menu a span{
  color:var(--muted);
  font-size:11px;
  font-weight:500;
}
.site-nav .nav-menu .nav-overview{
  margin-bottom:5px;
  border:1px solid #d9e5fb;
  background:var(--blue-soft);
  color:var(--blue2);
}
.site-nav .nav-menu .nav-overview:hover,
.site-nav .nav-menu .nav-overview:focus-visible{background:#dfeaff;color:var(--blue2)}
.nav-coming{
  display:block;
  padding:9px 10px;
  color:var(--muted);
  font-size:12px;
}
.nav-toggle{
  display:none;
  width:38px;
  height:38px;
  place-items:center;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  color:var(--ink);
  cursor:pointer;
}
.category-hero{
  margin:22px 0 18px;
  padding:38px 34px;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--surface);
  box-shadow:var(--shadow-card);
}
.category-hero h1{
  margin:3px 0 9px;
  font-size:38px;
  line-height:1.12;
  letter-spacing:-1px;
}
.category-hero p{
  max-width:760px;
  margin:0;
  color:var(--muted);
  font-size:16px;
}
.category-note{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin-top:18px;
  padding:14px 16px;
  border:1px solid #d9e5fb;
  border-radius:10px;
  background:var(--surface-blue);
  color:#31405d;
}
.category-note strong{display:block;color:var(--ink)}
.category-note p{font-size:13px}
.tool-tile.coming-soon{
  border-style:dashed;
  background:#fafbfd;
  cursor:default;
}
.tool-tile.coming-soon:hover{
  transform:none;
  border-color:var(--line);
  box-shadow:none;
}

/* Shared controls and result states for the complete MVP tool set */
.field-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  width:100%;
}
.options:has(.field-grid){align-items:stretch;flex-direction:column}
.field{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:6px;
  font-weight:700;
}
.field span{font-size:12px;color:var(--muted)}
.field input,.field select{
  width:100%;
  height:40px;
  border:1px solid var(--line-strong);
  border-radius:8px;
  background:#fff;
  padding:8px 10px;
  outline:none;
}
.field input:focus,.field select:focus{
  border-color:#8db3ff;
  box-shadow:0 0 0 3px var(--blue-soft);
}
.tool-error{
  margin:10px 0 0;
  border:1px solid #f1b7c0;
  border-radius:8px;
  background:#fff0f2;
  padding:10px 12px;
  color:#9f2439;
  font-size:13px;
  font-weight:650;
}
.counter-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}
.counter-card{
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
  padding:18px 12px;
  text-align:center;
}
.counter-card strong{display:block;font-size:27px;line-height:1.15;color:var(--ink)}
.counter-card span{font-size:12px;color:var(--muted)}
.result-note{
  margin-top:12px;
  color:var(--muted);
  font-size:12px;
}

@media(max-width:1050px){
  .nav-toggle{display:grid}
  .site-nav{
    position:absolute;
    top:calc(100% + 8px);
    right:16px;
    left:16px;
    display:none;
    max-height:calc(100vh - 96px);
    flex-direction:column;
    align-items:stretch;
    gap:3px;
    overflow:auto;
    margin:0;
    border:1px solid var(--line);
    border-radius:14px;
    background:#fff;
    box-shadow:0 18px 44px rgba(16,33,66,.18);
    padding:8px;
  }
  .site-nav.mobile-open{display:flex}
  .nav-group{display:block;width:100%}
  .nav-trigger{
    width:100%;
    justify-content:space-between;
    border:0;
    border-radius:8px;
    padding:11px 12px;
  }
  .nav-group:hover .nav-trigger,
  .nav-group.open .nav-trigger,
  .nav-group.active .nav-trigger{
    border:0;
    background:var(--blue-soft);
  }
  .nav-menu{
    position:static;
    width:auto;
    transform:none;
    margin:4px 0 8px;
    border-color:var(--line);
    box-shadow:none;
  }
  .site-nav .nav-group:hover .nav-menu,
  .site-nav .nav-group:focus-within .nav-menu{display:none}
  .site-nav .nav-group.open .nav-menu{display:block}
}
@media(max-width:760px){
  .category-hero{margin-top:8px;padding:28px 20px}
  .category-hero h1{font-size:31px}
  .field-grid{grid-template-columns:1fr}
  .counter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Appearance control and dark color scheme */
.theme-control{position:relative}
.theme-toggle{
  display:grid;
  width:38px;
  height:38px;
  place-items:center;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
  color:var(--ink);
  cursor:pointer;
}
.theme-toggle:hover,.theme-control.open .theme-toggle{border-color:#9dbbf4;background:var(--blue-soft);color:var(--blue)}
.theme-toggle-icon{font-size:18px;line-height:1}
.theme-menu{
  position:absolute;
  top:44px;
  right:0;
  display:none;
  width:244px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface);
  box-shadow:0 18px 44px rgba(16,33,66,.18);
  padding:7px;
  z-index:50;
}
.theme-control.open .theme-menu{display:block}
.theme-menu button{
  display:grid;
  width:100%;
  grid-template-columns:28px 1fr 18px;
  align-items:center;
  gap:8px;
  border:0;
  border-radius:8px;
  background:transparent;
  padding:9px;
  color:var(--ink);
  text-align:left;
  cursor:pointer;
}
.theme-menu button:hover,.theme-menu button:focus-visible{background:var(--soft);outline:none}
.theme-menu button.active{background:var(--blue-soft);color:var(--blue)}
.theme-choice-icon{font-size:17px;text-align:center}
.theme-menu strong,.theme-menu small{display:block}
.theme-menu strong{font-size:13px}
.theme-menu small{color:var(--muted);font-size:11px;font-weight:500}
.theme-check{visibility:hidden;color:var(--blue);font-weight:800}
.theme-menu button.active .theme-check{visibility:visible}

html[data-theme="dark"]{
  --ink:#e9eef8;
  --muted:#9ca9bf;
  --line:#2a374b;
  --line-strong:#3a4960;
  --soft:#162132;
  --surface:#111a29;
  --surface-blue:#14243c;
  --surface-results:#0f1826;
  --blue:#75a6ff;
  --blue2:#91b8ff;
  --blue-soft:#192f50;
  --green:#58d68c;
  --shadow-card:0 10px 30px rgba(0,0,0,.24);
}
html[data-theme="dark"] body{background:#0b111c;color:var(--ink)}
html[data-theme="dark"] header{border-bottom-color:#253247;background:rgba(12,18,30,.96);box-shadow:0 1px 0 rgba(255,255,255,.025)}
html[data-theme="dark"] .nav-trigger{color:#cbd5e7}
html[data-theme="dark"] .search,
html[data-theme="dark"] .language,
html[data-theme="dark"] .nav-toggle,
html[data-theme="dark"] .theme-toggle{background:#121c2c;color:var(--ink)}
html[data-theme="dark"] .search input{color:var(--ink)}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#748299}
html[data-theme="dark"] .search-results,
html[data-theme="dark"] .nav-menu,
html[data-theme="dark"] .site-nav,
html[data-theme="dark"] .theme-menu{background:#111a29;box-shadow:0 18px 44px rgba(0,0,0,.42)}
html[data-theme="dark"] .site-nav .nav-menu a:hover,
html[data-theme="dark"] .site-nav .nav-menu a:focus-visible,
html[data-theme="dark"] .search-results a:hover{background:#182437}
html[data-theme="dark"] .site-nav .nav-menu .nav-overview{border-color:#294a78;background:#172c4b;color:#8bb4ff}
html[data-theme="dark"] .site-nav .nav-menu .nav-overview:hover{background:#1b365d;color:#a5c5ff}
html[data-theme="dark"] .home-hero,
html[data-theme="dark"] .section,
html[data-theme="dark"] .intro,
html[data-theme="dark"] .tool-card,
html[data-theme="dark"] .content,
html[data-theme="dark"] .related,
html[data-theme="dark"] .category-hero{background:var(--surface)}
html[data-theme="dark"] .home-search,
html[data-theme="dark"] .tool-tile,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .empty,
html[data-theme="dark"] .stats div,
html[data-theme="dark"] .output,
html[data-theme="dark"] .diff-col,
html[data-theme="dark"] .result-column,
html[data-theme="dark"] .counter-card,
html[data-theme="dark"] details,
html[data-theme="dark"] .related-grid a{background:#121c2c}
html[data-theme="dark"] .tool-tile:hover{border-color:#527dbc;background:#152238;box-shadow:0 12px 28px rgba(0,0,0,.24)}
html[data-theme="dark"] .tool-tile.coming-soon{background:#0f1725}
html[data-theme="dark"] .tool-icon{background:#192f50;color:var(--blue)}
html[data-theme="dark"] .lead,
html[data-theme="dark"] .category-note{color:#b3bfd2}
html[data-theme="dark"] textarea,
html[data-theme="dark"] .field input,
html[data-theme="dark"] .field select,
html[data-theme="dark"] .option-field input[type="text"],
html[data-theme="dark"] .option-field select,
html[data-theme="dark"] .select-wrap select{background:#0d1624;color:var(--ink)}
html[data-theme="dark"] .options{border-color:#2d466c;background:#14243c}
html[data-theme="dark"] .button{border-color:var(--line-strong);background:#162132;color:var(--ink);box-shadow:none}
html[data-theme="dark"] .button:hover{background:#1c2a40}
html[data-theme="dark"] .button.primary,
html[data-theme="dark"] .home-search button{border-color:#3478ef;background:#3478ef;color:#fff}
html[data-theme="dark"] .button.primary:hover,
html[data-theme="dark"] .home-search button:hover{background:#2868d8}
html[data-theme="dark"] .results{background:var(--surface-results)}
html[data-theme="dark"] .diff-col h3,
html[data-theme="dark"] .result-column-head,
html[data-theme="dark"] .result-column .output-actions{background:#172233}
html[data-theme="dark"] .diff-line.changed{background:#3b321e}
html[data-theme="dark"] .diff-line.added{background:#153524}
html[data-theme="dark"] .diff-line.removed{background:#3c2028}
html[data-theme="dark"] .diff-token.removed{background:#552632;box-shadow:inset 0 -1px 0 #bb6070}
html[data-theme="dark"] .diff-token.added{background:#1d4b31;box-shadow:inset 0 -1px 0 #55a874}
html[data-theme="dark"] .ad{border-color:#39354c;background:#1b1927;color:#c0b8d7}
html[data-theme="dark"] .ad small{color:#9189a9}
html[data-theme="dark"] .category-note{border-color:#294a78;background:#14243c}
html[data-theme="dark"] .tool-error{border-color:#7e3744;background:#351a22;color:#ff9daf}
html[data-theme="dark"] footer{border-top-color:#253247}
html[data-theme="dark"] .language-menu{box-shadow:0 18px 44px rgba(0,0,0,.42)}

.language{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap}
.language-control{position:relative}
.language-toggle{gap:7px;cursor:pointer}
.language-flag{font-size:16px;line-height:1}
.language-chevron{font-size:11px;transition:transform .15s ease}
.language-control.open .language-chevron{transform:rotate(180deg)}
.language-menu{display:none;position:absolute;top:44px;right:0;width:180px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 40px rgba(16,33,66,.14);z-index:40}
.language-control.open .language-menu{display:block}
.language-menu a{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:7px;text-decoration:none;color:var(--ink)}
.language-menu a:hover,.language-menu a:focus-visible{background:var(--surface-blue);outline:none}
.language-menu a.active{font-weight:750}
.language-check{margin-left:auto;color:var(--blue);font-weight:800;opacity:0}
.language-menu a.active .language-check{opacity:1}
.legal-intro{max-width:920px;margin-left:auto;margin-right:auto}
.legal-card{max-width:920px;margin:0 auto 34px;padding:30px 34px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 16px rgba(16,33,66,.035)}
.legal-card h2{font-size:19px;margin:30px 0 10px}
.legal-card h2:first-child{margin-top:0}
.legal-card p,.legal-card li{color:var(--ink);line-height:1.72}
.legal-card ul{padding-left:22px}
.legal-card address{font-style:normal;line-height:1.7;margin:8px 0 18px}
.legal-card a{color:var(--blue);font-weight:650}
.legal-updated{padding-bottom:18px;border-bottom:1px solid var(--line)}
.contact-callout{display:inline-block;padding:14px 16px;background:var(--surface-blue);border:1px solid var(--line-strong);border-radius:10px}
@media(max-width:760px){.legal-card{padding:22px 18px}.legal-card h2{font-size:18px}}
html[data-theme="dark"] ::selection{background:#2f5f9e;color:#fff}

body,header,.home-hero,.section,.intro,.tool-card,.results,.content,.related,.category-hero,.panel,.output,.tool-tile,.button,textarea,input,select{
  transition:background-color .18s ease,border-color .18s ease,color .18s ease;
}
@media(prefers-reduced-motion:reduce){
  body,header,.home-hero,.section,.intro,.tool-card,.results,.content,.related,.category-hero,.panel,.output,.tool-tile,.button,textarea,input,select{transition:none}
}