.resize-mode { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2); margin: var(--space-2) 0 var(--space-4); }
.resize-mode label, .resize-check { display: flex; align-items: flex-start; gap: var(--space-2); min-width: 0; }
.dimension-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
.dimension-grid .field { margin: 0; }
.dimension-input { display: flex; align-items: center; gap: var(--space-2); }
.dimension-input input { min-width: 0; width: 100%; }
.dimension-unit { color: var(--text-secondary); font-size: 0.78rem; }
.quality-heading { display: flex; min-width: 0; align-items: baseline; justify-content: space-between; gap: var(--space-3); }
.quality-heading output { color: var(--text-primary); font-size: 0.82rem; font-weight: var(--font-weight-bold); }
.field[hidden], [hidden] { display: none !important; }
.resize-note { margin: var(--space-4) 0 0; padding: var(--space-4); border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--bg-subtle); color: var(--text-secondary); font-size: 0.78rem; overflow-wrap: anywhere; }

@media (max-width: 38rem) {
  .settings { padding: var(--space-4); }
  .dimension-grid { grid-template-columns: 1fr; }
  .quality-heading { align-items: flex-start; }
}