.plate-image-field { padding:17px; margin-top:15px; border:1px solid #e0e7d6; background:#fff; border-radius:9px; }
.plate-image-heading { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.plate-image-heading>span { display:flex; gap:7px; align-items:center; color:#6f855f; font-size:11px; font-weight:600; }
.plate-image-heading svg { width:15px; height:15px; }
.plate-image-heading>small { font-size:9px; color:#a5b097; }
.plate-image-hint { font-size:10px; color:#95a187; line-height:1.8; margin:9px 0 14px; }
.plate-image-upload { display:flex; align-items:center; gap:13px; padding:18px 15px; width:100%; text-align:left; color:#789466; background:#f9fbf5; border:1px dashed #cddcc0; border-radius:8px; }
.plate-image-upload>svg:first-child { width:22px; height:22px; flex-shrink:0; }
.plate-image-upload>svg:last-child { width:15px; height:15px; margin-left:auto; flex-shrink:0; }
.plate-image-upload>span { font-size:11px; font-weight:600; line-height:1.6; }
.plate-image-upload small { display:block; font-size:9px; color:#a3af96; margin-top:5px; font-weight:400; }
.plate-image-attached { display:flex; gap:14px; align-items:center; min-width:0; }
.plate-image-thumbnail { width:88px; height:88px; flex-shrink:0; border:1px solid #e7ecdf; border-radius:8px; padding:5px; background-color:#f7f9f2; background-image:conic-gradient(#edf1e6 25%,transparent 0 50%,#edf1e6 0 75%,transparent 0); background-size:12px 12px; }
.plate-image-thumbnail img { display:block; width:100%; height:100%; object-fit:contain; border-radius:4px; }
.plate-image-attached>div { min-width:0; }
.plate-image-attached strong { display:block; font-size:11px; font-weight:600; color:#6a805b; overflow-wrap:anywhere; line-height:1.7; }
.plate-image-attached>div>span { display:block; font-size:9px; color:#a0ad93; margin:5px 0 7px; }
.plate-text-button { display:inline-flex; align-items:center; gap:5px; padding:5px 0; color:#7a9367; background:transparent; font-size:10px; min-height:27px; }
.plate-text-button svg { width:12px; height:12px; }
.plate-image-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:14px; margin-top:14px; border-top:1px solid #edf1e6; }
.plate-image-actions>.button { font-size:10px; min-height:34px; }
.plate-image-actions>.button svg { width:13px; height:13px; }
.plate-text-button.danger { color:#b09680; }
.plate-upload-progress { display:flex; align-items:center; gap:7px; font-size:10px; color:#8b9c7a; margin:13px 0 0; }
.plate-upload-progress svg { width:13px; height:13px; }
.plate-image-error { margin-bottom:0; }
.saved-plate-image { margin-top:14px; }
.saved-plate-image>span { display:block; font-size:10px; color:#8da07b; margin-bottom:9px; }
.saved-plate-image>button { display:flex; width:100%; align-items:center; gap:13px; border:1px solid #e0e8d5; border-radius:8px; background:#f9fbf5; text-align:left; padding:11px; }
.saved-plate-image img { width:64px; height:64px; object-fit:contain; border-radius:5px; background:#edf2e6; flex-shrink:0; }
.saved-plate-image>button>span { min-width:0; margin:0; }
.saved-plate-image strong { display:block; color:#6e855f; font-size:11px; font-weight:600; overflow-wrap:anywhere; }
.saved-plate-image small { display:flex; align-items:center; gap:4px; margin-top:8px; color:#a0af93; font-size:9px; }
.saved-plate-image svg { width:12px; height:12px; }
.plate-image-dialog { width:min(850px,calc(100% - 30px)); max-height:92dvh; }
.plate-image-dialog[open] { display:flex; flex-direction:column; }
.plate-image-dialog .dialog-header { flex-shrink:0; }
.plate-full-image { display:flex; align-items:center; justify-content:center; min-height:0; overflow:auto; padding:18px; background-color:#f7f9f3; background-image:conic-gradient(#edf1e6 25%,transparent 0 50%,#edf1e6 0 75%,transparent 0); background-size:20px 20px; }
.plate-full-image img { display:block; max-width:100%; max-height:55dvh; object-fit:contain; }
.plate-image-caption { padding:15px 25px; flex-shrink:0; }
.plate-image-caption>strong { display:block; font-size:12px; font-weight:600; overflow-wrap:anywhere; }
.plate-image-caption>p { color:#96a38a; font-size:10px; line-height:1.7; margin:6px 0 0; }
.plate-image-dialog .dialog-footer { flex-shrink:0; }
.plate-image-dialog .dialog-footer a { text-decoration:none; }
@media(max-width:700px) {
  .plate-image-field { padding:13px; }
  .plate-image-heading>span { font-size:10px; }
  .plate-image-hint { font-size:9px; }
  .plate-image-upload { padding:15px 11px; gap:9px; }
  .plate-image-upload>span { font-size:10px; }
  .plate-image-upload small { font-size:8px; }
  .plate-image-upload>svg:first-child { width:18px; height:18px; }
  .plate-image-attached { gap:10px; }
  .plate-image-thumbnail { width:72px; height:78px; }
  .plate-image-attached strong { font-size:10px; }
  .plate-image-attached>div>span { font-size:8px; }
  .plate-image-actions>.button { padding:9px 11px; font-size:9px; }
  .plate-text-button { min-height:32px; font-size:9px; }
  .plate-image-caption { padding-left:20px; padding-right:20px; }
  .plate-image-dialog .dialog-header h2 { font-size:21px; }
  .plate-image-dialog .dialog-footer a { flex:1; }
}