/* Remaining tools. Not loaded on the nine reference tools. */
.tools-container:has(.tool-page) {
  width: min(1280px, calc(100% - 32px));
  max-width: 1280px;
}
.tool-page { max-width: none; }
.tool-page .tool-header h1,
.tool-page .tool-description,
.tool-page .form-group label { color: var(--tf-text); }
.tool-page .tool-description,
.tool-page .tf-empty-note,
.tool-page .form-optional { color: var(--tf-muted); }
.tool-page .generic-tool-placeholder {
  padding: 8px 4px 4px;
}
.tool-page .tf-empty-title {
  margin: 0 0 8px;
  color: var(--tf-text);
  font-size: 18px;
  font-weight: 700;
}
.tool-page .generic-tool-placeholder p { margin: 0 0 8px; line-height: 1.5; }
.tool-page .tool-input,
.tool-page .tool-textarea,
.tool-page .tool-select {
  background: #fff;
  color: #1e293b;
  border: 1px solid var(--tf-line);
}
.tool-page .tool-input:focus,
.tool-page .tool-textarea:focus,
.tool-page button:focus-visible,
.tool-page summary:focus-visible,
.tool-page a:focus-visible {
  outline: 2px solid #2459e0;
  outline-offset: 2px;
}
[data-theme="dark"] .tool-page .tool-input,
[data-theme="dark"] .tool-page .tool-textarea,
[data-theme="dark"] .tool-page .tool-select,
[data-theme="dark"] .tool-page .form-group input,
[data-theme="dark"] .tool-page .form-group textarea,
[data-theme="dark"] .tool-page .form-group select {
  background: #070d18;
  color: var(--tf-text);
  border-color: var(--tf-line);
}
[data-theme="dark"] .tool-page .tool-results-panel,
[data-theme="dark"] .tool-page .tool-input-panel {
  background: var(--tf-card);
  color: var(--tf-text);
}
@media (max-width: 720px) {
  .tools-container:has(.tool-page) { width: min(100% - 20px, 1280px); }
  .tool-page .tool-submit-btn { width: 100%; }
}