#upload-preview .upload-item{width:124px;border:1px solid #d8e1d6;border-radius:4px;background:#fff;padding:5px;transition:outline-color .15s}
#upload-preview .upload-item img{width:112px;height:88px;user-select:none;cursor:grab}
#upload-preview .upload-item.is-dragging{opacity:.5}
#upload-preview .upload-item.is-drop-target{outline:3px solid #227347;outline-offset:3px;background:#edf5ef}
#upload-preview .photo-number{position:absolute;top:10px;left:10px;padding:3px 5px;background:#ffffffed;color:#174d35;font-size:11px;font-weight:800;border-radius:2px;pointer-events:none}
#upload-preview .photo-drag-handle{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;min-height:34px;padding:6px 2px;font-size:13px;font-weight:700;color:#315c40;cursor:grab;touch-action:none;user-select:none}
#upload-preview .photo-drag-handle:active{cursor:grabbing}
#upload-preview .photo-drag-handle .icon{width:16px;height:16px}
#upload-preview .photo-order-controls{display:flex;gap:4px;border-top:1px solid #edf0e9}
#upload-preview .photo-order-controls button{flex:1;min-height:34px;font-size:12px;padding:4px 2px}
#upload-preview .photo-order-controls button:disabled{cursor:default;opacity:.35}
#upload-preview .cover,#upload-preview .remove{min-height:30px;font-size:12px}
.photo-order-help{font-size:15px;line-height:1.7;color:#52674f;margin-top:4px}
.photo-order-status{font-size:14px;color:#227347;line-height:1.7;min-height:0}
@media(max-width:540px){#upload-preview .photo-drag-handle,#upload-preview .photo-order-controls button{min-height:42px}#upload-preview .cover,#upload-preview .remove{min-height:40px}.photo-order-help{font-size:16px}}