.batch18-redirect-rules-tool .b18-rule-grid,
.batch18-redirect-rules-tool .b18-output-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  min-width: 0;
}

.batch18-redirect-rules-tool .b18-rule-panel,
.batch18-redirect-rules-tool .b18-output-panel {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--surface);
}

.batch18-redirect-rules-tool .b18-output-panel { background: linear-gradient(180deg, color-mix(in srgb, var(--primary) 5%, var(--surface)), transparent 72px), var(--surface); }
.batch18-redirect-rules-tool .b18-output-panel textarea { min-height: 180px; margin: 0; font: 13px/1.6 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.batch18-redirect-rules-tool .b18-field-help { color: var(--muted); font-size: 12px; }
.batch18-redirect-rules-tool .b18-output-heading { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.batch18-redirect-rules-tool .b18-output-heading strong { color: var(--text); }

@media (max-width: 760px) {
  .batch18-redirect-rules-tool .b18-rule-grid,
  .batch18-redirect-rules-tool .b18-output-grid { grid-template-columns: 1fr; }
}

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