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

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

.batch18-web-manifest-tool .b18-icon-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; gap: 8px; align-items: end; margin-top: 10px; }
.batch18-web-manifest-tool .b18-manifest-output { background: linear-gradient(180deg, color-mix(in srgb, var(--primary) 5%, var(--surface)), transparent 72px), var(--surface); }
.batch18-web-manifest-tool textarea { min-height: 280px; margin: 0; font: 13px/1.6 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.batch18-web-manifest-tool .b18-output-heading { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.batch18-web-manifest-tool .b18-output-heading strong { color: var(--text); }

@media (max-width: 760px) {
  .batch18-web-manifest-tool .b18-manifest-grid,
  .batch18-web-manifest-tool .b18-manifest-output-grid { grid-template-columns: 1fr; }
  .batch18-web-manifest-tool .b18-icon-row { grid-template-columns: 1fr; align-items: stretch; }
}

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