.image-upload{margin:var(--spacing-md)0}.image-upload .upload-title{margin:0 0 var(--spacing-sm)0;color:var(--text-primary);font-size:1rem;font-weight:500}.image-upload input[type=file]{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.image-upload .upload-button{width:100%;padding:var(--spacing-lg);background:var(--background-color);border:2px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal);text-align:center;justify-content:center;align-items:center;min-height:60px;font-size:1rem;font-weight:500;display:flex}.image-upload .upload-button:hover{border-color:var(--primary-color);background:var(--accent-light);color:var(--primary-color)}.image-upload .upload-button:active{transform:scale(.98)}.image-upload .native-picker-btn{width:100%;padding:var(--spacing-lg);background:var(--background-color);border:2px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal);text-align:center;justify-content:center;align-items:center;min-height:60px;font-size:1rem;font-weight:500;display:flex}.image-upload .native-picker-btn:hover{border-color:var(--primary-color);background:var(--accent-light);color:var(--primary-color)}.image-upload .native-picker-btn:active{transform:scale(.98)}.image-upload .native-picker-btn:disabled{opacity:.6;cursor:wait}.image-upload input[type=file]:focus+.upload-button{outline:2px solid var(--primary-color);outline-offset:2px}.image-upload input[type=file]:not([id]){width:100%;height:auto;padding:var(--spacing-md);clip:auto;white-space:normal;background:var(--background-color);border:2px dashed var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;margin:0;display:block;position:static;overflow:visible}.image-upload input[type=file]:not([id]):hover{border-color:var(--primary-color)}.image-upload input[type=file]:disabled{opacity:.5;cursor:not-allowed}.image-upload p{margin-top:var(--spacing-sm);font-size:.9rem}.image-upload .error{color:var(--color-error);background:var(--background-color);border:1px solid var(--color-error);padding:var(--spacing-sm);border-radius:var(--radius-sm)}.image-upload .success{color:var(--success-color);background:var(--background-color);border:1px solid var(--success-color);padding:var(--spacing-sm);border-radius:var(--radius-sm)}.vehicle-image{border-radius:var(--radius-sm);width:100%;height:auto}.loading{text-align:center;color:var(--text-secondary);padding:var(--spacing-lg)}.error{color:var(--color-error);padding:var(--spacing-md);background:var(--background-color);border:1px solid var(--color-error);border-radius:var(--radius-sm);text-align:center}@media (max-width:768px){.image-upload .upload-button{padding:var(--spacing-md);min-height:50px;font-size:.95rem}.image-upload input[type=file]:not([id]){padding:var(--spacing-sm);font-size:.9rem}.image-upload p{font-size:.85rem}}@media (max-width:480px){.image-upload .upload-button{padding:var(--spacing-lg);min-height:60px;font-size:1rem}}