/* SVG Optimizer — a toolbar bar, the source and optimized panes side by side
   as two cards, then the checkerboard preview card (layout from
   styles/components/form.css + uploader.css; the preview panes are
   styles/components/preview.css). The source pane is also the .svg drop
   surface. Size readouts use text-output.css; only code-area heights and
   the narrow-width action wrap are the page's own. */

/* Header icon tile — gradient matches the registry `grad`. */
.svgo-title-icon {
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(145deg, #34d399, #059669);
}

textarea.svgo-code {
  min-height: 42vh;
}

@media (max-width: 760px) {
  textarea.svgo-code { min-height: 30vh; }
}

/* Phones: three actions can't share one line in every locale. Let each
   wrapped line fill the tray, so Copy (primary) lands as a full-width last
   line instead of a lone button dangling at the end of a ragged row. */
@media (max-width: 480px) {
  .svgo-actions > .btn { flex: 1 1 auto; }
}