/* Reuse the calculator design tokens while keeping FileFix selectors scoped. */
.mcf-file-tool-page .ffx-tool {
  --ffx-accent: var(--mcf-color-cta) !important;
  --ffx-accent-text: #fff;
  --ffx-bg: var(--mcf-color-surface);
  --ffx-fg: var(--mcf-color-text);
  --ffx-muted: var(--mcf-color-muted);
  --ffx-border: var(--mcf-color-border);
  border: 0;
  padding: 0;
  margin: 0;
  background: transparent;
  color: var(--mcf-color-text);
}
.mcf-file-tool-page .ffx-tool > h2 {
  padding: .9rem 1.05rem;
  border-radius: 8px;
  background: color-mix(in srgb, var(--mcf-color-primary) 6%, #fff);
  color: var(--mcf-color-primary);
  font-size: 1.05rem;
  font-weight: 650;
}
.mcf-file-tool-page .ffx-tool > h2 + p { display: none; }
.mcf-file-tool-page .ffx-dropzone { border-color: var(--mcf-color-border); background: var(--mcf-color-bg); border-radius: 8px; }
.mcf-file-tool-page .ffx-field { font-weight: 600; color: var(--mcf-color-text); }
.mcf-file-tool-page .ffx-field input:not([type=checkbox]):not([type=range]),
.mcf-file-tool-page .ffx-field select,
.mcf-file-tool-page .ffx-field textarea {
  width: 100%; min-height: 48px; font-weight: 400; font-size: 1.05rem;
  border: 1px solid var(--mcf-color-border); padding: .7rem .9rem; border-radius: 8px;
  background: var(--mcf-color-surface); color: var(--mcf-color-text);
}
.mcf-file-tool-page .ffx-tool button,
.mcf-file-tool-page .ffx-tool input::file-selector-button {
  min-height: 48px; background: var(--mcf-color-cta); color: #fff;
  border-radius: 8px; font-weight: 650; padding: .7rem 1.25rem;
}
.mcf-file-tool-page .ffx-tool button:hover,
.mcf-file-tool-page .ffx-tool input::file-selector-button:hover { background: var(--mcf-color-cta-hover); }
.mcf-file-tool-page .ffx-tool [data-ffx-controls] > .ffx-actions > button:first-child { width: 100%; }
.mcf-file-tool-page .ffx-tool [data-ffx-controls] > .ffx-actions > button:not(:first-child) { background: var(--mcf-color-surface); color: var(--mcf-color-text); border: 1px solid var(--mcf-color-border); font-weight: 500; }
.mcf-file-tool-page .ffx-tool [data-ffx-controls] > .ffx-actions > button:not(:first-child):hover { background: var(--mcf-color-bg); }
.mcf-file-tool-page .ffx-tool :focus-visible { outline: 3px solid var(--mcf-color-link); outline-offset: 3px; }
.mcf-file-tool-page .ffx-tool .ffx-results { border: 1px solid var(--mcf-color-border); background: color-mix(in srgb, var(--mcf-color-success) 6%, #fff); border-radius: 10px; padding: 1rem; }
.mcf-file-tool-page .ffx-tool .ffx-feedback { min-height: 3rem; }
.mcf-file-tool-page .ffx-tool pre, .mcf-file-tool-page .ffx-tool table { font-weight: 400; }
.mcf-file-tool-page .mcf-calc-layout__main { min-width: 0; }
.mcf-file-tool-page .mcf-calc-sections > :first-child { margin-top: 0; }
.mcf-file-tool-toc .mcf-file-tool-toc__subheading { margin-inline-start: 1rem; }
.mcf-file-tool-page .ffx-example-result { margin: 1.5rem 0; }
.mcf-file-tool-page .ffx-example-result img { display: block; max-width: 100%; height: auto; border: 1px solid var(--mcf-color-border); border-radius: 8px; }
.mcf-file-tool-page .ffx-example-result figcaption { color: var(--mcf-color-text-muted); font-size: .875rem; margin-top: .5rem; }
.mcf-file-tool-page pre:focus-visible { outline: 3px solid var(--mcf-color-link); outline-offset: 3px; }