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

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

.batch18-cache-control-tool .b18-cache-output { background: linear-gradient(180deg, color-mix(in srgb, var(--primary) 5%, var(--surface)), transparent 72px), var(--surface); }
.batch18-cache-control-tool textarea { min-height: 190px; margin: 0; font: 13px/1.6 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; overflow-wrap: anywhere; }
.batch18-cache-control-tool .b18-cache-code { min-height: 100px; padding: 12px; overflow: auto; background: color-mix(in srgb, var(--surface-2) 86%, var(--surface)); font: 13px/1.6 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.batch18-cache-control-tool .b18-output-heading { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.batch18-cache-control-tool .b18-output-heading strong { color: var(--text); }

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

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