form{}
.fields-wrapper{display:flex; flex-wrap:wrap;}
.fields-wrapper div{margin-bottom:15px; padding-right:10px; }
.fields-wrapper div label{display: flex; align-items: center;}
input[type=text], input[type=email], input[type=password], input[type=number], input[type=date], input[type=url], input[type=tel], input[type=search], select{ background-color: #f7fbf8; border:1px solid #a2d6a9; border-color:#a2d6a9; border-radius:6px; min-width:180px; height:auto; padding:0.5rem 0.75rem; line-height:1.5rem; margin-left:5px; box-sizing:border-box }
label{font-weight:bold; margin-right:10px}

/* Photo thumbnails and upload hints. Written as plain CSS rather than Tailwind
   utilities because public/build is only regenerated by npm run build. */
.translator-thumb{display:block; width:80px; height:80px; object-fit:cover; border-radius:8px; border:1px solid #d1d5db;}
.translator-thumb-link{display:inline-block; line-height:0;}
.translator-thumb-link:hover .translator-thumb{opacity:.85;}
.translator-thumb-empty{display:flex; align-items:center; justify-content:center; width:80px; height:80px; border-radius:8px; border:1px dashed #cbd5e1; background-color:#f9fafb; color:#9ca3af;}
.translator-thumb-empty svg{width:32px; height:32px;}
.note-empty{font-style:italic; color:#6b7280;}
.upload-hint{display:flex; align-items:flex-start; gap:6px; margin-bottom:8px; padding:6px 8px; font-size:12px; color:#374151; background-color:#f9fafb; border:1px solid #e5e7eb; border-radius:6px;}
.upload-hint svg{flex:0 0 16px; width:16px; height:16px; color:#6b7280;}
.upload-section{margin-bottom:24px; padding-bottom:24px; border-bottom:1px solid #e5e7eb;}
.file-icon{flex:0 0 40px; width:40px; height:40px;}
.flash-success{margin-bottom:24px; padding:12px 16px; border-radius:6px; background-color:#dcfce7; border:1px solid #4ade80; color:#15803d; font-size:14px; font-weight:500;}