/* OmniKit Warm Index — shared visual system for the remaining site pages. */

body[data-warm-index="site"] {
  --wi-paper: #f3f0e8;
  --wi-surface: #f8f6f0;
  --wi-white: #fffefa;
  --wi-ink: #211f1c;
  --wi-muted: #706b63;
  --wi-faint: #9b9489;
  --wi-line: #d7d1c7;
  --wi-rust: #c34f2d;
  --wi-rust-dark: #9e3d23;
  --wi-green: #34735b;
  min-width: 320px;
  overflow-x: clip;
  color: var(--wi-ink);
  background: var(--wi-paper) !important;
  background-image: none !important;
}

body[data-warm-index="site"] *,
body[data-warm-index="site"] *::before,
body[data-warm-index="site"] *::after {
  box-sizing: border-box;
}

body[data-warm-index="site"] :where(a, button, input, select, textarea, summary) {
  transition-duration: .14s !important;
}

/* Compact site frame */
body[data-warm-index="site"] .site-header {
  width: 100%;
  height: 68px;
  min-height: 68px;
  margin: 0;
  border-bottom: 1px solid var(--wi-line);
  padding-right: 24px;
  padding-left: 24px;
  background: transparent;
}

body[data-warm-index="site"] .brand {
  gap: 9px;
  color: var(--wi-ink);
  font-size: 13px;
  font-weight: 820;
}

body[data-warm-index="site"] .brand-mark {
  width: 28px;
  height: 28px;
  border-radius: 0 !important;
  background: var(--wi-ink);
  color: #fff;
  font: 800 10px/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

body[data-warm-index="site"] :where(.main-nav, .header-actions) {
  gap: 22px;
}

body[data-warm-index="site"] .tool-search-trigger-wide { display: none; }

@media (min-width: 1180px) {
  body[data-warm-index="site"].wi-rail-page .site-header {
    grid-template-columns: minmax(160px, 1fr) minmax(220px, 326px) auto auto;
  }

  body[data-warm-index="site"].wi-rail-page .tool-search-trigger-wide {
    width: 100%;
    display: inline-flex;
    justify-content: flex-start;
  }

  body[data-warm-index="site"].wi-rail-page .tool-search-trigger-wide kbd { margin-left: auto; }
}

body[data-warm-index="site"] :where(.main-nav a, .header-actions a, .language-switch, .back-home, .feedback-button) {
  border-radius: 0 !important;
  color: #5f5a53;
  font-size: 11px;
  font-weight: 780;
  letter-spacing: .02em;
}

body[data-warm-index="site"] :where(.language-switch, .feedback-button, .tool-search-trigger, .back-home) {
  min-height: 34px;
  border-color: var(--wi-line) !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-warm-index="site"] :where(.main-nav a:hover, .header-actions a:hover, .language-switch:hover, .back-home:hover) {
  color: var(--wi-rust);
}

/* The discovery rails leave less horizontal room for the global header. The
   directory link already provides the same escape hatch as “back to tools”,
   so remove the duplicate action before the labels collide. */
@media (min-width: 1041px) and (max-width: 1540px) {
  body[data-warm-index="site"].wi-rail-page .site-header .back-home {
    display: none;
  }

  body[data-warm-index="site"].wi-rail-page .site-header {
    grid-template-columns: minmax(160px, 1fr) minmax(220px, 326px) auto auto;
  }

  body[data-warm-index="site"].wi-rail-page :where(.main-nav, .header-actions) {
    gap: 16px;
  }
}

body[data-warm-index="site"] main:not(.policy-page):not(.omnikit-offline) {
  width: min(1200px, calc(100% - 64px));
  margin-right: auto;
  margin-left: auto;
}

body[data-warm-index="site"] .breadcrumbs {
  width: min(1200px, calc(100% - 64px));
  margin: 22px auto 0;
  color: var(--wi-faint);
  font: 720 10px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace;
}

/* Shared desktop discovery rails for every tool workspace, including PDF. */
body[data-warm-index="site"].wi-rail-page .wi-page-shell {
  width: 100%;
  margin: 0;
}

body[data-warm-index="site"].wi-rail-page .wi-page-shell > main:not(.policy-page):not(.omnikit-offline) {
  width: 100%;
  min-width: 0;
  margin: 0;
}

.wi-tool-rail { display: none; min-width: 0; }

.wi-tool-rail-label {
  display: block;
  margin: 0 0 12px;
  color: var(--wi-faint);
  font: 800 9px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.wi-tool-rail nav { display: grid; }

.wi-tool-rail-left nav > a {
  min-height: 54px;
  display: grid;
  grid-template-columns: 31px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  position: relative;
  border-top: 1px solid var(--wi-line);
  color: #625d55;
  text-decoration: none;
}

.wi-tool-rail-left nav > a:last-child { border-bottom: 1px solid var(--wi-line); }
.wi-tool-rail-left nav > a.active::before { content: ''; position: absolute; left: -9px; width: 2px; height: 30px; background: var(--wi-rust); }
.wi-tool-rail-left nav > a b { color: var(--wi-rust); font: 820 8px/1 ui-monospace, monospace; }
.wi-tool-rail-left nav > a span { display: grid; gap: 3px; }
.wi-tool-rail-left nav > a strong { font-size: 11px; }
.wi-tool-rail-left nav > a small { color: var(--wi-faint); font-size: 9px; }
.wi-tool-rail-all { min-height: 42px; display: flex; align-items: center; margin-top: 12px; color: var(--wi-rust); font-size: 10px; font-weight: 800; text-decoration: none; }

.wi-tool-tree { border-bottom: 1px solid var(--wi-line); }
.wi-tool-rail-group { position: relative; border-top: 1px solid var(--wi-line); }
.wi-tool-rail-group summary {
  min-height: 54px;
  display: grid;
  grid-template-columns: 31px minmax(0, 1fr) 14px;
  align-items: center;
  gap: 8px;
  color: #625d55;
  cursor: pointer;
  list-style: none;
}
.wi-tool-rail-group summary::-webkit-details-marker { display: none; }
.wi-tool-rail-group summary > b { color: var(--wi-rust); font: 820 8px/1 ui-monospace, monospace; }
.wi-tool-rail-group summary > span { display: grid; gap: 3px; }
.wi-tool-rail-group summary strong { font-size: 11px; }
.wi-tool-rail-group summary small { color: var(--wi-faint); font-size: 9px; }
.wi-tool-rail-group summary > i { color: var(--wi-faint); font-size: 15px; font-style: normal; transform: rotate(0); transition: transform .14s; }
.wi-tool-rail-group[open] summary > i { transform: rotate(90deg); }
.wi-tool-rail-group.active::before { content: ''; position: absolute; z-index: 1; left: -9px; top: 12px; width: 2px; height: 30px; background: var(--wi-rust); }
.wi-tool-rail-subnav { display: grid; border-top: 1px solid color-mix(in srgb, var(--wi-line) 72%, transparent); padding: 6px 0 9px 39px; }
.wi-tool-rail-subnav a {
  min-height: 30px;
  display: flex;
  align-items: center;
  position: relative;
  padding: 4px 10px 4px 0;
  color: var(--wi-muted);
  font-size: 9.5px;
  font-weight: 690;
  line-height: 1.35;
  text-decoration: none;
}
.wi-tool-rail-subnav a::before { content: ''; width: 8px; margin-right: 7px; border-top: 1px solid var(--wi-line); }
.wi-tool-rail-subnav a:hover,
.wi-tool-rail-subnav a.active { color: var(--wi-rust); }
.wi-tool-rail-subnav a.active::before { border-color: var(--wi-rust); }

.wi-tool-rail-right > nav { border: 1px solid var(--wi-line); }
.wi-tool-rail-right > nav > a {
  min-height: 66px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 12px;
  align-items: center;
  gap: 9px;
  border-bottom: 1px solid var(--wi-line);
  padding: 9px 11px;
  color: var(--wi-ink);
  text-decoration: none;
}
.wi-tool-rail-right > nav > a:last-child { border-bottom: 0; }
.wi-tool-rail-right > nav > a:hover { background: var(--wi-white); }
.wi-tool-rail-right > nav b { color: var(--wi-rust); font: 820 8px/1 ui-monospace, monospace; }
.wi-tool-rail-right > nav span { display: grid; gap: 4px; }
.wi-tool-rail-right > nav strong { font-size: 10.5px; }
.wi-tool-rail-right > nav small { overflow: hidden; color: var(--wi-muted); font-size: 8.5px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.wi-tool-rail-right > nav i { color: var(--wi-rust); font-size: 12px; font-style: normal; }

.wi-tool-rail-note { margin-top: 12px; border: 1px solid var(--wi-line); padding: 15px; background: rgba(255, 254, 250, .42); }
.wi-tool-rail-note > span { color: var(--wi-green); font: 800 8px/1.4 ui-monospace, monospace; letter-spacing: .1em; text-transform: uppercase; }
.wi-tool-rail-note strong { display: block; margin: 9px 0 6px; font-size: 11px; }
.wi-tool-rail-note p { margin: 0; color: var(--wi-muted); font-size: 9px; line-height: 1.55; }
.wi-tool-rail-left-note { margin-top: auto; border: 0; border-top: 1px solid var(--wi-line); padding: 16px 0 0; background: transparent; }

/* Advertising is part of the page grid, never overlaid on a tool. These
   reservations keep the chosen sizes stable before AdSense responds. */
.wi-ad-slot {
  min-width: 0;
  border: 1px dashed #c9c2b8;
  background: rgba(255, 254, 250, .32);
  color: var(--wi-faint);
}

.wi-ad-slot-rail {
  min-height: 250px;
  display: grid;
  grid-template-rows: auto 1fr;
  margin-top: 12px;
  padding: 12px;
}

.wi-ad-slot-preview,
.wi-ad-slot-inline > p {
  display: grid;
  place-items: center;
  margin: 0;
  color: var(--wi-faint);
  font: 720 9px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .04em;
  text-align: center;
}

.wi-ad-slot-inline {
  width: min(728px, 100%);
  min-height: 112px;
  display: grid;
  grid-template-rows: auto 1fr;
  margin: 34px auto;
  padding: 12px;
}

.wi-ad-slot .omnikit-ad-label { margin: 0; }
.omnikit-ad.wi-ad-slot { max-height: none; overflow: visible; opacity: 1; }
.omnikit-ad.wi-ad-slot.is-filled { max-height: none; margin-top: 34px; margin-bottom: 34px; }
.omnikit-rail-ad.wi-ad-slot { position: static; width: auto; max-height: none; opacity: 1; }
.omnikit-rail-ad.wi-ad-slot.is-filled { max-height: none; }

@media (min-width: 1180px) {
  body[data-warm-index="site"].wi-rail-page .wi-page-shell {
    display: grid;
    grid-template-columns: 228px minmax(0, 1fr);
    gap: 0;
    align-items: start;
  }
  body[data-warm-index="site"].wi-rail-page .wi-page-shell > main {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  body[data-warm-index="site"].wi-rail-page .wi-tool-rail-left {
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 68px;
    min-height: calc(100vh - 68px);
    max-height: calc(100vh - 68px);
    overflow: auto;
    border-right: 1px solid var(--wi-line);
    padding: 42px 20px 32px;
  }
}

@media (min-width: 1420px) {
  body[data-warm-index="site"].wi-rail-page .wi-page-shell {
    grid-template-columns: 228px minmax(0, 1fr) 240px;
  }
  body[data-warm-index="site"].wi-rail-page .wi-tool-rail-right {
    display: block;
    position: sticky;
    top: 68px;
    max-height: calc(100vh - 68px);
    overflow: auto;
    border-left: 1px solid var(--wi-line);
    padding: 42px 16px 32px;
  }
}

/* Warm Index headings and task introductions */
body[data-warm-index="site"] main h1 {
  color: var(--wi-ink);
  font-family: Georgia, "Songti SC", "STSong", serif;
  font-size: clamp(43px, 5.4vw, 70px);
  font-weight: 500;
  line-height: .98;
  letter-spacing: -.055em;
}

body[data-warm-index="site"] main h1 em {
  color: var(--wi-rust) !important;
  font-family: inherit;
  font-weight: inherit;
}

body[data-warm-index="site"] :where(
  .image-hero, .text-hero, .date-hero, .developer-hero, .qr-hero,
  .convert-hero, .ads-hero, .ocr-hero, .audio-hero, .media-hero,
  .invoice-hero, .signature-hero, .chart-hero, .gif-hero,
  .favicon-hero, .video-frame-hero, .stitch-hero, .split-hero,
  .pdf-hero, .pdf-stamp-hero, .pdf-image-hero, .pdf-word-hero
) {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 54px 0 38px !important;
  border-bottom: 1px solid var(--wi-line);
  gap: 42px !important;
}

body[data-warm-index="site"] :where(
  .image-hero, .text-hero, .date-hero, .developer-hero, .qr-hero,
  .convert-hero, .ads-hero, .ocr-hero, .audio-hero, .media-hero,
  .invoice-hero, .signature-hero, .chart-hero, .gif-hero,
  .favicon-hero, .video-frame-hero, .stitch-hero, .split-hero,
  .pdf-hero, .pdf-stamp-hero, .pdf-image-hero, .pdf-word-hero
) > div > p,
body[data-warm-index="site"] main > section > div > p {
  color: var(--wi-muted);
  font-size: 14px;
  line-height: 1.75;
}

body[data-warm-index="site"] :where(.eyebrow, [class$="-kicker"], [class*="-kicker "]) {
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: var(--wi-rust) !important;
  font: 820 10px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .13em;
  text-transform: uppercase;
}

/* Remove the old floating-card language */
body[data-warm-index="site"] :where(
  [class$="-workbench"], [class*="-workbench "],
  [class$="-panel"], [class*="-panel "],
  [class$="-card"], [class*="-card "],
  [class$="-toolbar"], [class*="-toolbar "],
  [class$="-options"], [class*="-options "],
  [class$="-settings"], [class*="-settings "],
  [class$="-drop-zone"], [class*="-drop-zone "],
  [class$="-tabs"], [class*="-tabs "],
  .drop-zone, .tool-tabs, .tool-panel, .tool-suite-nav,
  .seo-copy, .related-tools, .about-facts, .empty-capabilities > span
) {
  border-radius: 0 !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  transform: none !important;
}

body[data-warm-index="site"] :where(
  [class$="-visual"], [class*="-visual "],
  [class$="-illustration"], [class*="-illustration "],
  [class$="-preview"], [class*="-preview "]
) {
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Keep complex editors inside the same square, indexed system. */
body[data-warm-index="site"] :where(
  [class$="-filebar"], [class*="-filebar "],
  [class$="-stage-wrap"], [class*="-stage-wrap "],
  [class$="-picker"], [class*="-picker "],
  .video-stage, .recording-stage,
  .toggle-list label, .metric-grid div, .speaker-visual,
  .recording-result, .recording-result video,
  .signature-form-section, .signature-preview-shell,
  .signature-code, .signature-install, .signature-install details,
  .signature-benefits article,
  .pdf-stamp-enable, .pdf-stamp-image-upload,
  .pdf-stamp-filebar span, .pdf-stamp-filebar small,
  .pdf-stamp-source label span
) {
  border-radius: 0 !important;
  box-shadow: none !important;
}

body[data-warm-index="site"] :where(
  .audio-hero-art, .developer-hero-art, .device-hero-art,
  .recorder-hero-art, .invoice-hero-art, .signature-hero-art,
  .chart-hero-art, .favicon-hero-art, .gif-hero-art,
  .video-frame-hero-art, .split-hero-art, .ocr-visual,
  .stitch-illustration, .hero-qr, .paper-stack
) {
  display: none !important;
}

body[data-warm-index="site"] :where(
  .audio-hero, .developer-hero, .media-hero, .invoice-hero,
  .signature-hero, .chart-hero, .favicon-hero,
  .video-frame-hero, .split-hero, .stitch-hero, .ocr-hero,
  .qr-hero
) {
  grid-template-columns: minmax(0, 760px) !important;
}

body[data-warm-index="site"] .gif-hero {
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 28px !important;
  padding: 22px 0 24px !important;
}

/* A rail page owns a smaller viewport than the browser window. Remove legacy
   viewport-derived inner gutters so workbenches use the actual center column. */
body[data-warm-index="site"].wi-rail-page .wi-page-shell > main {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

@media (min-width: 1180px) {
  body[data-warm-index="site"].wi-rail-page .wi-page-shell > main {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
}

body[data-warm-index="site"].wi-rail-page main h1 {
  font-size: clamp(42px, 4.5vw, 64px);
}

body[data-warm-index="site"].wi-rail-page :where(
  .image-hero, .text-hero, .date-hero, .developer-hero, .qr-hero,
  .convert-hero, .ads-hero, .ocr-hero, .audio-hero, .media-hero,
  .invoice-hero, .signature-hero, .chart-hero, .gif-hero,
  .favicon-hero, .video-frame-hero, .stitch-hero, .split-hero,
  .pdf-hero, .pdf-stamp-hero, .pdf-image-hero, .pdf-word-hero
) {
  padding-top: 34px !important;
  padding-bottom: 28px !important;
}

body[data-warm-index="site"].wi-rail-page .gif-hero {
  padding-top: 22px !important;
  padding-bottom: 24px !important;
}

@media (max-width: 1179px) {
  body[data-warm-index="site"].wi-rail-page .gif-hero {
    width: auto;
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
}

@media (max-width: 700px) {
  body[data-warm-index="site"].wi-rail-page .gif-hero {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    margin-right: 14px !important;
    margin-left: 14px !important;
  }

  body[data-warm-index="site"].wi-rail-page .gif-local-note {
    min-width: 0;
    margin-top: 0;
  }
}

body[data-warm-index="site"].wi-rail-page :where(
  .gif-tags, .favicon-tags, .video-frame-tags, .split-tags
) {
  margin-top: 20px !important;
}

body[data-warm-index="site"] :where(
  [class$="-workbench"], [class*="-workbench "],
  .tool-panel, .converter-workbench, .pdf-workbench
) {
  border: 1px solid var(--wi-line) !important;
  padding: 24px !important;
  background: rgba(255, 254, 250, .72) !important;
}

body[data-warm-index="site"].wi-rail-page :where(
  .stitch-workbench, .split-workbench, .video-frame-workbench,
  .gif-workbench, .favicon-workbench, .pdf-compress-workbench,
  .sign-workbench
) {
  padding: 0 !important;
}

body[data-warm-index="site"].wi-rail-page :where(
  .stitch-workbench-heading, .split-workbench-heading,
  .video-frame-workbench-heading, .gif-workbench-heading,
  .favicon-workbench-heading, .workbench-heading
) {
  flex-wrap: wrap;
}

/* Complex editors respond to the center column rather than the browser width. */
@media (min-width: 761px) and (max-width: 1419px) {
  body[data-warm-index="site"].wi-rail-page .gif-layout {
    grid-template-columns: 220px minmax(0, 1fr);
  }

  body[data-warm-index="site"].wi-rail-page .gif-settings {
    grid-column: 1 / -1;
    border-top: 1px solid var(--wi-line);
  }

  body[data-warm-index="site"].wi-rail-page .gif-settings-inner {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
  }

  body[data-warm-index="site"].wi-rail-page .gif-settings-group + .gif-settings-group {
    margin: 0;
    border-top: 0;
    padding-top: 0;
  }

}

@media (min-width: 761px) {
  body[data-warm-index="site"].wi-rail-page .favicon-layout {
    grid-template-columns: 270px minmax(0, 1fr);
  }

  body[data-warm-index="site"].wi-rail-page .favicon-settings {
    grid-column: 1 / -1;
    border-top: 1px solid var(--wi-line);
    border-left: 0;
  }

  body[data-warm-index="site"].wi-rail-page .favicon-fields {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1420px) {
  body[data-warm-index="site"].wi-rail-page .gif-layout {
    grid-template-columns: 240px minmax(0, 1fr) 260px;
  }

  body[data-warm-index="site"].wi-rail-page .gif-settings {
    grid-column: auto;
    border-top: 0;
  }

  body[data-warm-index="site"].wi-rail-page .gif-settings-inner {
    display: flex;
  }

  body[data-warm-index="site"].wi-rail-page .gif-settings-group + .gif-settings-group {
    margin-top: 14px;
    border-top: 1px solid var(--wi-line);
    padding-top: 13px;
  }
}

body[data-warm-index="site"].wi-rail-page .gif-panel-heading {
  flex-wrap: wrap;
}

body[data-warm-index="site"].wi-rail-page .gif-panel-heading output {
  max-width: 100%;
  height: auto;
  min-height: 0;
  padding: 0;
  white-space: normal;
  text-align: right;
}

@media (min-width: 761px) {
  body[data-warm-index="site"].wi-rail-page .stitch-controls {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    padding-right: 20px;
    padding-left: 20px;
  }

  body[data-warm-index="site"].wi-rail-page .stitch-controls .layout-control { grid-column: span 2; }
  body[data-warm-index="site"].wi-rail-page .stitch-controls .control-field { grid-column: span 1; }
  body[data-warm-index="site"].wi-rail-page .stitch-controls :where(.background-control, .format-control) { grid-column: span 3; }
}

/* PDF now uses the same discovery shell. Remove the old hidden 352px ad rail
   and duplicate category/asides while retaining each PDF workflow. */
body[data-warm-index="site"].wi-rail-page.pdf-hub-page .pdf-hub-layout {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}

body[data-warm-index="site"].wi-rail-page.pdf-hub-page :where(.pdf-category-rail, .pdf-hub-aside) {
  display: none;
}

body[data-warm-index="site"].wi-rail-page.pdf-hub-page .pdf-hub-layout > .seo-copy {
  grid-column: auto;
  grid-row: auto;
}

body[data-warm-index="site"].wi-rail-page :where(.pdf-compress-main, .sign-main) {
  width: 100% !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

body[data-warm-index="site"].wi-rail-page :where(
  .pdf-compress-empty, .pdf-compress-filebar, .pdf-compress-result,
  .sign-empty, .sign-benefits, .pdf-sign-index .seo-copy
) {
  width: 100% !important;
}

body[data-warm-index="site"].wi-rail-page :where(
  .pdf-compress-index .workbench-heading .local-note,
  .pdf-sign-index .sign-hero > div > p
) {
  margin-right: 0 !important;
}

@media (min-width: 761px) {
  body[data-warm-index="site"].wi-rail-page.pdf-sign-index .sign-editor-layout {
    grid-template-columns: 140px minmax(0, 1fr);
  }

  body[data-warm-index="site"].wi-rail-page.pdf-sign-index .sign-export-panel {
    position: static;
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 18px;
  }

  body[data-warm-index="site"].wi-rail-page.pdf-sign-index :where(.sign-export-panel > p, .export-note) { grid-column: 1; }
  body[data-warm-index="site"].wi-rail-page.pdf-sign-index :where(.filename-field, .export-stats, .export-progress, .export-button) { grid-column: 2; }
}

body[data-warm-index="site"] :where(
  [class$="-panel"], [class*="-panel "],
  [class$="-card"], [class*="-card "],
  [class$="-toolbar"], [class*="-toolbar "],
  [class$="-options"], [class*="-options "],
  [class$="-settings"], [class*="-settings "]
) {
  border-color: var(--wi-line) !important;
}

body[data-warm-index="site"] :where(.settings-card, .export-panel, .control-panel, .options-panel) {
  border: 1px solid var(--wi-line) !important;
  background: var(--wi-white) !important;
  color: var(--wi-ink) !important;
}

body[data-warm-index="site"] :where(.settings-card, .export-panel, .control-panel, .options-panel) :where(h2, h3, h4, strong, legend, label, span) {
  color: inherit;
}

body[data-warm-index="site"] :where(.settings-card, .export-panel, .control-panel, .options-panel) :where(p, small, em) {
  color: var(--wi-muted) !important;
}

body[data-warm-index="site"] :where(.privacy-card, .text-privacy-card, .local-card, .local-note-card) {
  border: 1px solid #bfd0c8 !important;
  background: #edf3ee !important;
}

body[data-warm-index="site"] :where(.privacy-icon, .text-privacy-card > span, .step-number, .drop-art, .upload-mark) {
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Suite navigation becomes a compact indexed strip */
body[data-warm-index="site"] .tool-suite-nav {
  --suite-accent: var(--wi-rust) !important;
  margin: 22px 0 34px;
  border: 1px solid var(--wi-line);
  padding: 0;
  background: rgba(255, 254, 250, .62);
}

body[data-warm-index="site"] .suite-nav-links {
  gap: 0;
}

body[data-warm-index="site"] .tool-suite-nav a {
  min-height: 76px;
  border: 0;
  border-right: 1px solid var(--wi-line);
  border-radius: 0 !important;
  padding: 12px 14px;
  background: transparent;
  color: var(--wi-ink);
  transform: none !important;
}

body[data-warm-index="site"] .tool-suite-nav a:last-child { border-right: 0; }
body[data-warm-index="site"] .tool-suite-nav a:hover { background: #f0ece4; }
body[data-warm-index="site"] .tool-suite-nav a.active {
  border-color: var(--wi-ink);
  background: var(--wi-ink);
  color: #fff;
}

body[data-warm-index="site"] .tool-suite-nav b {
  width: 40px;
  height: 40px;
  border-radius: 0 !important;
  background: #eadcd4;
  color: var(--wi-rust);
}

body[data-warm-index="site"] .tool-suite-nav strong { font-size: 12px; }
body[data-warm-index="site"] .tool-suite-nav small { color: var(--wi-muted); font-size: 10px; }
body[data-warm-index="site"] .tool-suite-nav a.active small { color: #c8c1b8; }

/* Inputs and actions */
body[data-warm-index="site"] :where(button, .button, [role="button"], input, select, textarea) {
  border-radius: 0 !important;
  box-shadow: none !important;
}

body[data-warm-index="site"] :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
  select, textarea
) {
  border-color: var(--wi-line) !important;
  background: var(--wi-white) !important;
  color: var(--wi-ink) !important;
  font-size: 13px !important;
}

body[data-warm-index="site"] :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
  select
) {
  min-height: 40px;
}

body[data-warm-index="site"] :where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 2px solid var(--wi-rust) !important;
  outline-offset: 2px;
}

body[data-warm-index="site"] main button {
  font-size: 11px !important;
}

body[data-warm-index="site"] :where(main, .tool-suite-nav)
  :where(a, p, span, b, strong, small, em, code, summary):not(.invoice-paper):not(.invoice-paper *) {
  font-size: max(10px, 1em) !important;
}

body[data-warm-index="site"].wi-rail-page .gif-hero h1 span {
  font-size: clamp(44px, 4.2vw, 52px) !important;
}

body[data-warm-index="site"].wi-rail-page .gif-hero h1 em {
  font-size: clamp(33px, 3vw, 37px) !important;
  letter-spacing: -.025em;
}

body[data-warm-index="site"] :where(.consent-settings, .consent-banner button) {
  font-size: 10px !important;
}

body[data-warm-index="site"] :where(
  .feature-pills, .text-feature-pills, .panel-pills,
  .stats-grid, .metrics-grid, .capability-grid,
  .item-column-labels, .meter-label
) :where(span, strong) {
  font-size: 10px !important;
}

body[data-warm-index="site"] :where(
  .setting-note, .field-hint, .timezone-note, .focused-setting-copy,
  .editor-effect-note, .metadata-privacy-intro, .metadata-jpeg-note,
  .rounding-note, .legal-note, .signature-field-help,
  .signature-compatibility, .inline-message
) {
  font-size: 10.5px !important;
  line-height: 1.55 !important;
}

body[data-warm-index="site"] :where(
  .workbench-heading > div > span,
  [class*="workbench-title"] > div > span,
  .invoice-heading > div > span,
  .signature-template-label, .signature-local-note,
  .test-state, .offline-pill
) {
  font-size: 11px !important;
}

body[data-warm-index="site"] :where(
  .content-tabs, .source-tabs, .base64-mode, .document-type-tabs,
  .download-actions, .size-presets, .dimension-presets
) button {
  font-size: 11px !important;
}

body[data-warm-index="site"] main output {
  font-size: 11px !important;
}

body[data-warm-index="site"] :where(
  .number-input span, .editor-divider span, .editor-footer span,
  .tool-section-heading span, .single-result span,
  .target-zone-result span, .timestamp-result span,
  .panel-heading p, .drop-zone p, .drop-zone em,
  .ocr-drop-zone span, .ocr-toolbar label > span,
  .page-list-panel span, .result-heading span, .result-heading em,
  .result-stats span, .ocr-result-panel > p,
  .recorder-settings p, .capture-status span, .capture-status em,
  .recording-note, .privacy-chip, .word-counter-note,
  #focusedTextStatus, #focusedInputCount, #focusedResultSummary,
  #timestampDetectedUnit, #testedKeyCount, #scannerResultType,
  #captureStatus, #recordingFormat, #targetSizeLabel,
  #outputDimensions, #editorStatus, #videoFramePlan
) {
  font-size: 10px !important;
  line-height: 1.5 !important;
}

body[data-warm-index="site"] :where(
  .ocr-toolbar label > span, .result-stats span,
  .panel-heading p, .drop-zone p
) {
  font-size: 10.5px !important;
}

body[data-warm-index="site"] :where(
  .primary-action, .primary-button, .choose-button, .submit-button,
  .export-button, .download-button, .generate-button, .process-button,
  .primary-dev-action, .dialog-submit, button[class*="primary"]
) {
  min-height: 42px;
  border-color: var(--wi-rust) !important;
  background: var(--wi-rust) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 820 !important;
}

body[data-warm-index="site"] :where(
  .primary-action, .primary-button, .choose-button, .submit-button,
  .export-button, .download-button, .generate-button, .process-button,
  .primary-dev-action, .dialog-submit, button[class*="primary"]
):hover:not(:disabled) {
  background: var(--wi-rust-dark) !important;
}

body[data-warm-index="site"] :where(button, .button, [role="button"]) {
  min-height: 36px;
  font-weight: 760;
}

body[data-warm-index="site"] :where(label, legend) { font-size: max(11px, 1em); }
body[data-warm-index="site"] small { font-size: max(10.5px, 1em); line-height: 1.5; }

/* OCR shipped with several 6–8px labels; keep every control and result readable. */
body[data-warm-index="site"] .ocr-toolbar > label:not(.embedded-toggle) { font-size: 11px !important; }
body[data-warm-index="site"] .ocr-toolbar select { font-size: 12px !important; }
body[data-warm-index="site"] :where(
  .embedded-toggle b, .embedded-toggle small,
  .ocr-drop-zone small, .list-heading > div:first-child > span,
  .list-heading em, .result-heading em, .list-heading button,
  .empty-pages p, .ocr-page-card p, .ocr-page-card .page-status,
  .ocr-progress > div:first-child, .ocr-progress p,
  .result-stats span, .ocr-result-panel > p
) {
  font-size: 10.5px !important;
  line-height: 1.5 !important;
}
body[data-warm-index="site"] .ocr-page-card h4 { font-size: 11px !important; }
body[data-warm-index="site"] .result-stats b { font-size: 12px !important; }

/* Data-rich workspaces */
body[data-warm-index="site"] :where(table, .stats-grid, .metrics-grid, .capability-grid, .empty-capabilities) {
  border-radius: 0 !important;
}

body[data-warm-index="site"] :where(th, [class*="-heading"], [class*="-label"]) {
  letter-spacing: .04em;
}

body[data-warm-index="site"] :where(.stats-grid, .metrics-grid, .capability-grid, .empty-capabilities) {
  gap: 1px !important;
  border: 1px solid var(--wi-line) !important;
  background: var(--wi-line) !important;
}

body[data-warm-index="site"] :where(.stats-grid, .metrics-grid, .capability-grid, .empty-capabilities) > * {
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--wi-surface) !important;
}

body[data-warm-index="site"] :where(.drop-zone, [class$="-drop-zone"], [class*="-drop-zone "]) {
  min-height: 280px;
  border: 1px dashed #bbb3a8 !important;
  background: rgba(255, 254, 250, .48) !important;
}

body[data-warm-index="site"] :where(.drop-zone, [class$="-drop-zone"], [class*="-drop-zone "]):hover {
  border-color: var(--wi-rust) !important;
  background: #fff8f3 !important;
}

body[data-warm-index="site"] :where(.feature-pills, .text-feature-pills, [class*="-presets"], [class*="-chips"]) :where(span, button) {
  border-radius: 0 !important;
}

/* Supporting content and overlays */
body[data-warm-index="site"] .seo-copy {
  border: 1px solid var(--wi-line);
  background: rgba(255, 254, 250, .58);
}

body[data-warm-index="site"] .seo-copy h2 {
  font-family: Georgia, "Songti SC", serif;
  font-weight: 500;
}

body[data-warm-index="site"] :where(dialog, .tool-search-dialog, .omnikit-save-dialog) {
  border-radius: 0 !important;
  border-color: var(--wi-line) !important;
  background: var(--wi-white) !important;
  box-shadow: 0 20px 70px rgba(33, 31, 28, .18) !important;
}

body[data-warm-index="site"] :where(.dialog-close, .tool-search-close, .omnikit-save-close) {
  border-radius: 0 !important;
}

body[data-warm-index="site"] :where(.consent-banner, .consent-settings) {
  border-radius: 0 !important;
  border-color: var(--wi-line) !important;
  background: rgba(255, 254, 250, .96) !important;
  box-shadow: none !important;
}

body[data-warm-index="site"] :where(.mobile-nav summary, .mobile-nav-menu) {
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Policy and offline pages */
body[data-warm-index="site"] .policy-page {
  width: min(900px, calc(100% - 64px));
  padding: 64px 0 100px;
}

body[data-warm-index="site"] .policy-page h1,
body[data-warm-index="site"] .omnikit-offline h1 {
  font-family: Georgia, "Songti SC", serif;
  font-weight: 500;
}

body[data-warm-index="site"] .about-facts {
  border: 1px solid var(--wi-line);
  background: var(--wi-line);
}

/* Source-aligned footer */
body[data-warm-index="site"] > footer {
  width: min(1200px, calc(100% - 64px));
  min-height: 104px;
  margin: 0 auto;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 28px;
  border-top: 1px solid var(--wi-line);
  padding: 0;
  background: transparent;
  color: var(--wi-muted);
  font-size: 11px;
}

body[data-warm-index="site"] > footer .footer-brand { color: var(--wi-ink); }
body[data-warm-index="site"] > footer .brand-mark { background: var(--wi-ink); color: #fff; }
body[data-warm-index="site"] > footer > span { padding-right: 72px; }

body[data-warm-index="site"].invoice-page .invoice-paper footer {
  width: auto;
  min-height: 0;
  height: auto;
  margin: 0;
  grid-template-columns: none;
  padding: 9px 0 0;
  background: transparent;
}

@media (max-width: 1040px) {
  body[data-warm-index="site"] .site-header,
  body[data-warm-index="site"] main:not(.policy-page):not(.omnikit-offline),
  body[data-warm-index="site"] .breadcrumbs,
  body[data-warm-index="site"] > footer {
    width: calc(100% - 40px);
  }

  body[data-warm-index="site"] .tool-suite-nav a { min-height: 72px; }
}

@media (max-width: 700px) {
  body[data-warm-index="site"] .site-header {
    width: calc(100% - 28px);
    height: 64px;
    min-height: 64px;
  }

  body[data-warm-index="site"] main:not(.policy-page):not(.omnikit-offline),
  body[data-warm-index="site"] .breadcrumbs,
  body[data-warm-index="site"] > footer {
    width: calc(100% - 28px);
  }

  body[data-warm-index="site"] main h1 {
    font-size: clamp(36px, 12vw, 50px);
    line-height: 1;
  }

  body[data-warm-index="site"] :where(
    .image-hero, .text-hero, .date-hero, .developer-hero, .qr-hero,
    .convert-hero, .ads-hero, .ocr-hero, .audio-hero, .media-hero,
    .invoice-hero, .signature-hero, .chart-hero, .gif-hero,
    .favicon-hero, .video-frame-hero, .stitch-hero, .split-hero,
    .pdf-hero, .pdf-stamp-hero, .pdf-image-hero, .pdf-word-hero
  ) {
    grid-template-columns: 1fr !important;
    padding: 38px 0 28px !important;
  }

  body[data-warm-index="site"] :where(
    [class$="-workbench"], [class*="-workbench "],
    .tool-panel, .converter-workbench, .pdf-workbench
  ) {
    padding: 14px !important;
  }

  body[data-warm-index="site"] .tool-suite-nav {
    margin: 16px 0 24px;
    padding: 0;
  }

  body[data-warm-index="site"] .tool-suite-nav.suite-nav-ready .suite-nav-toggle {
    min-height: 64px;
    border-radius: 0 !important;
    background: var(--wi-ink);
    box-shadow: none;
  }

  body[data-warm-index="site"] .tool-suite-nav.suite-nav-ready.is-open .suite-nav-links {
    gap: 0;
    margin-top: 0;
    border-top: 1px solid var(--wi-line);
  }

  body[data-warm-index="site"] .tool-suite-nav a {
    border-right: 0;
    border-bottom: 1px solid var(--wi-line);
  }

  body[data-warm-index="site"] .tool-suite-nav a:last-child { border-bottom: 0; }

  body[data-warm-index="site"] .developer-tabs {
    overflow: visible !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 1px !important;
    padding: 1px !important;
  }

  body[data-warm-index="site"] .policy-page {
    width: calc(100% - 32px);
    padding: 44px 0 78px;
  }

  body[data-warm-index="site"] > footer {
    min-height: 132px;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 18px;
    padding: 24px 0 52px;
  }

  body[data-warm-index="site"] > footer p { display: none; }
  body[data-warm-index="site"] > footer > span {
    max-width: 168px;
    justify-self: end;
    padding-right: 50px;
    text-align: right;
    white-space: normal;
  }

  body[data-warm-index="site"] .recording-stage {
    width: 100% !important;
    height: auto !important;
    min-height: 160px;
    aspect-ratio: 16 / 9;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-warm-index="site"] *,
  body[data-warm-index="site"] *::before,
  body[data-warm-index="site"] *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}