.batch18-http-headers-tool,
.batch18-redirect-rules-tool,
.batch18-web-manifest-tool,
.batch18-data-uri-tool,
.batch18-url-template-tool,
.batch18-cache-control-tool {
  --b18-tool-soft: color-mix(in srgb, var(--primary) 6%, var(--surface));
  --b18-tool-code: color-mix(in srgb, var(--surface-2) 86%, var(--surface));
}

.batch18-http-headers-tool .b18-editor-grid,
.batch18-http-headers-tool .b18-result-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  min-width: 0;
}

.batch18-http-headers-tool .b18-pane,
.batch18-http-headers-tool .b18-summary {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: linear-gradient(180deg, var(--b18-tool-soft), transparent 72px), var(--surface);
}

.batch18-http-headers-tool textarea,
.batch18-http-headers-tool pre {
  width: 100%;
  min-height: 250px;
  margin: 0;
  overflow: auto;
  background: var(--b18-tool-code);
  font: 13px/1.6 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.batch18-http-headers-tool .b18-summary pre { min-height: 120px; padding: 12px; }
.batch18-http-headers-tool .b18-table-wrap { min-width: 0; overflow: auto; }
.batch18-http-headers-tool table { width: 100%; min-width: 520px; border-collapse: collapse; }
.batch18-http-headers-tool th,
.batch18-http-headers-tool td { padding: 8px; border-bottom: 1px solid var(--border); text-align: start; vertical-align: top; }
.batch18-http-headers-tool code { overflow-wrap: anywhere; }

@media (max-width: 760px) {
  .batch18-http-headers-tool .b18-editor-grid,
  .batch18-http-headers-tool .b18-result-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .batch18-http-headers-tool *,
  .batch18-http-headers-tool *::before,
  .batch18-http-headers-tool *::after { scroll-behavior: auto !important; transition-duration: 0.001ms !important; animation-duration: 0.001ms !important; }
}