.image-picker{margin:0 0 24px;padding:20px;background:#f8faff;border:1px solid #dce4ee;border-radius:10px}
.image-pick-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}
.image-pick-count{color:#63748a;font:12px var(--mono)}
.image-dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:25px 18px;border:1.5px dashed #a4b9d4;border-radius:7px;background:#fff;text-align:center;min-height:190px;transition:background .15s,border-color .15s}
.image-dropzone:focus-visible,.image-dropzone:focus-within{outline:3px solid #a7c5ff;outline-offset:3px;border-color:#0065ff}
.image-dropzone.is-dragging{background:#edf4ff;border-color:#0065ff;outline:3px solid #c3d8ff}
.image-dropzone[aria-disabled=true]{opacity:.65}
.image-drop-symbol{color:#0065ff;font:26px/1 var(--display)}
.image-dropzone>strong{font-size:15px}.image-dropzone>p{color:#63748a;font-size:12px}.image-dropzone>.btn{margin-top:4px;min-height:40px}
.image-file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.image-pick-help{margin-top:10px;font-size:11px;color:#63748a}
.image-pick-error{color:#b83f45;font-size:12px;margin-top:8px}.image-pick-error:empty{display:none}
.image-pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:15px}.image-pick-grid:empty{display:none}
.image-pick-card{overflow:hidden;background:#fff;border:1px solid #dce4ee;border-radius:7px;min-width:0}
.image-pick-preview{height:138px;display:grid;place-items:center;background:#f2f5f9;font-size:12px;color:#63748a}
.image-pick-preview img{display:block;width:100%;height:138px;object-fit:contain;padding:5px}
.image-pick-caption{padding:8px 10px;display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:12px}
.image-pick-caption>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-pick-caption .btn{flex-shrink:0;min-height:36px}
.sample-record{padding:5px 0 20px;border-bottom:1px solid #dce4ee;margin-bottom:15px}.sample-record:last-child{border-bottom:0;margin-bottom:0}
.sample-record>.lifecycle-row{border:0;padding-bottom:10px}.sample-record>.btn{margin-top:12px}.sample-record strong{overflow-wrap:anywhere}
.sample-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.sample-image{display:grid;place-items:center;min-height:92px;padding:4px;border:1px solid #dce4ee;background:#f8faff;border-radius:6px;overflow:hidden}
.sample-image img{display:block;width:100%;height:100px;object-fit:contain}.sample-image:hover{border-color:#0065ff}
.sample-image-viewer>img{display:block;width:100%;max-height:60vh;object-fit:contain;background:#f2f5f9}.sample-image-viewer>p{margin:10px 0;overflow-wrap:anywhere}
.portal-media-preview{margin:14px 0;min-width:0}.portal-media-preview:empty{display:none}
.portal-media-preview img,.portal-media-preview video{display:block;width:100%;max-height:280px;object-fit:contain;background:#f2f5f9}
.portal-media-preview p{margin:8px 0;overflow-wrap:anywhere}
.order-media-picker{margin-top:14px}
.order-media-picker .image-dropzone{display:grid;grid-template-columns:minmax(0,360px) max-content;justify-content:start;align-items:end;gap:12px;min-height:0;padding:16px;text-align:left}
.order-media-picker .image-dropzone>strong,.order-media-picker .order-media-actions{grid-column:1/-1}
.order-media-actions{margin-top:12px;flex-wrap:wrap}
.order-media-actions[hidden]{display:none}
.order-media-picker .field{min-width:0;max-width:360px;margin:0}
.order-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;margin-top:14px}
.order-media-item{min-width:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;padding:10px}
.order-media-item img,.order-media-item video{display:block;width:100%;height:180px;object-fit:contain;background:#f4f6f8}
.order-media-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}
.order-media-caption span,.order-media-filename{min-width:0;overflow-wrap:anywhere;font-size:12px}
.order-media-item .field{margin-top:10px}
.order-ai-media-title{margin-top:20px;font-size:15px}
@media(max-width:640px){.order-media-picker .image-dropzone{grid-template-columns:minmax(0,1fr) max-content}.order-media-actions .btn{flex:1 1 auto}.order-media-grid{grid-template-columns:1fr}.order-media-item img,.order-media-item video{height:180px}}
@media(max-width:600px){.image-picker{padding:14px}.image-dropzone{padding:20px 12px;min-height:180px}.image-pick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.image-pick-preview,.image-pick-preview img{height:110px}.sample-image img{height:85px}}
@media(prefers-reduced-motion:reduce){.image-dropzone{transition:none}}