/**
 * tool-layout.css - Widget shell + row layouts. Depends on imganva-tools.css.
 * "Uniform widget layout, min-height, full-width": all tools feel like the
 * same product; idle state never collapses to a stub; content is capped at
 * a readable width inside whatever column WordPress/Elementor provides.
 */
.imganva-tool-container {
  --imganva-widget-min-height: 480px;
  --imganva-widget-max-width: 720px;
  display: block;
  width: 100%;
  position: relative;
}

.imganva-tool {
  width: 100%;
  max-width: var(--imganva-widget-max-width);
  min-height: var(--imganva-widget-min-height);
  margin: 0 auto;
}

.imganva-tool-container.imganva-full-bleed .imganva-tool { max-width: none; }

/* Generic row base — width ratios are opt-in modifiers below. */
.imganva-row {
  display: flex;
  align-items: flex-start;
  gap: var(--imganva-space-3);
  flex-wrap: wrap;
  margin-bottom: var(--imganva-space-5);
}
.imganva-row > .imganva-field {
  flex: 1 1 140px;
  margin-bottom: 0;
}

/* Compressor: operator + size + unit */
.imganva-condition-row > .imganva-field:nth-child(1) { flex: 0 0 180px; }
.imganva-condition-row > .imganva-field:nth-child(2) { flex: 1 1 130px; }
.imganva-condition-row > .imganva-field:nth-child(3) { flex: 0 0 90px; }

/* Resizer: width + height — even split */
.imganva-dimension-row > .imganva-field { flex: 1 1 0; }

/* Mode panel */
.imganva-mode-panel { padding-top: var(--imganva-space-1); }

/* Converter "From" display — mirrors input shape but never looks interactive */
.imganva-from-display {
  background: var(--imganva-surface);
  border: 1px solid var(--imganva-border);
  border-radius: var(--imganva-radius-sm);
  padding: var(--imganva-space-3) var(--imganva-space-4);
  font-family: var(--imganva-font-mono);
  font-size: var(--imganva-text-base);
  color: var(--imganva-text-muted);
}

/* OCR batch result stack */
.imganva-ocr-batch-results {
  display: flex;
  flex-direction: column;
  gap: var(--imganva-space-4);
  margin-top: var(--imganva-space-5);
}
.imganva-ocr-batch-item {
  background: var(--imganva-surface);
  border: 1px solid var(--imganva-border);
  border-radius: var(--imganva-radius-md);
  padding: var(--imganva-space-5);
}
.imganva-ocr-batch-item-title {
  font-family: var(--imganva-font-mono);
  font-size: var(--imganva-text-sm);
  font-weight: 600;
  color: var(--imganva-text-muted);
  margin: 0 0 var(--imganva-space-3) 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.imganva-ocr-batch-item .imganva-textarea { min-height: 120px; }

@media (max-width: 640px) {
  .imganva-tool-container { --imganva-widget-min-height: 360px; }
  .imganva-row { flex-direction: column; }
  .imganva-condition-row > .imganva-field:nth-child(1),
  .imganva-condition-row > .imganva-field:nth-child(2),
  .imganva-condition-row > .imganva-field:nth-child(3),
  .imganva-dimension-row > .imganva-field {
    flex-basis: auto;
    width: 100%;
  }
}