/* Barcode suitability artwork is authored at 1176 × 560 (2.1:1). */
.tool-suitability-card {
  min-height: 0;
}

.tool-suitability-card__media {
  height: auto;
  aspect-ratio: 147 / 70;
  flex-basis: auto;
}

/* Core capability artwork is authored at 1280 × 720. Let the slot follow
   that ratio at every breakpoint so object-fit: contain never adds bands. */
.tool-features .tool-feature-row__media {
  height: auto;
  aspect-ratio: 16 / 9;
}

/* Nested control rows inherited the shared 20px bottom margin, doubling the
   intended row spacing and pushing the actions below the fixed editor panel. */
.basic-tool-workspace[data-tool-route="barcode"] .basic-tool-app > .controls {
  gap: var(--space-md);
  margin-bottom: var(--space-sm);
}

.basic-tool-workspace[data-tool-route="barcode"] .basic-tool-app > .controls > .controls {
  margin-bottom: 0;
}

.basic-tool-workspace[data-tool-route="barcode"] .basic-tool-app .field > label {
  margin-bottom: var(--space-2xs);
}

.basic-tool-workspace[data-tool-route="barcode"] .basic-tool-app > .actions {
  margin-top: var(--space-sm);
}

/* Enlarge the on-screen canvas independently from its bitmap dimensions so
   the preview is easier to inspect without changing exported PNG/SVG sizes. */
.basic-tool-workspace[data-tool-route="barcode"] .basic-tool-preview canvas.preview {
  width: min(100%, 420px);
  height: auto;
}